Copyright: Namo WebEditor 3.0
Citation: Namo Interactive Inc.


웹 문서 만들 때 주의할 점
웹 문서를 만들 때 주의해야 할 점들

1. 하나의 HTML 문서에 사용하는 그림 파일은 50KB 이내에서 사용하는 것이 좋습니다. 그림 파일의 크기를 줄이기 위해서는 Ulead Smart Saver과 같은 프로그램을 이용해서 그림의 크기를 최적화할 수 있습니다.

2. 사이띄개(Space Bar)를 밀어 빈 칸을 이용해서 내용을 배치하는 것을 피해야 합니다. 사이띄개를 사용해서 문서를 편집하면 화면이 편집할 당시의 웹 브라우저 크기를 기준으로 배치 되기 때문에 다른 크기의 웹 브라우저에서는 내용이 다르게 보일 수 있습니다.

내용을 가운데나 오른쪽으로 배치하기 위해서는 아래와 같은 과정을 거칩니다.

   1) 가운데나 오른쪽으로 배치할 내용을 마우스 클릭합니다.

   2) 서식 도구 막대의 "왼쪽 정렬", "가운데 정렬", "오른쪽 정렬" 버튼을 이용해 적절하게 배치합니다.

일정한 크기의 여백을 왼쪽에 넣고 싶을 경우, 다음을 클릭하십시오.

3. 이미지 폴더는 문서 폴더 바로 아래에 두는 것이 좋습니다.

웹 서버로 웹 문서 및 그림 파일을 옮기는 과정에서 경로명이 틀려 그림이 보이지 않는 경우가 많습니다. 따라서 미리 문서 폴더 아래의 이미지 폴더에 그림을 모아 놓으면 컴퓨터에서의 경로명과 서버에서의 경로명이 일치하게 됩니다.

이러너 문제를 피하기 위해, 홈페이지용 HTML 문서 폴더 바로 아래에 "images"와 같은 폴더를 만들고, 그림 파일을 모두 이곳에 넣습니다. 그리고 나모 웹에디터에서 HTML 문서를 작성하면서 "삽입-그림" 대화 상자에서 "찾아보기" 단추를 이용하여 이곳에 있는 그림 파일을 선택합니다. 그러면 그림의 경로가 문서 파일을 기준으로 "images\image.jpg" 처럼 되어 서버에 images 폴더 자체를 올리면 경로 문제가 생기지 않습니다. 만일 다른 폴더의 그림 파일을 선택할 경우, 대화 상자 중간쯤의 "그림 복사"를 선택합니다. "그림 복사"를 선택하면 웹 문서를 저장할 때 그림을, images 와 같은 그림 파일용 폴더에 복사해 줍니다.

그림이 제대로 나타나지 않을 때는 다음을 클릭하십시오.

4. 홈 페이지를 만들 때, 먼저 그 페이지가 읽기 중심의 페이지인지 보기 중심의 페이지인지 생각해볼 필요가 있습니다.

읽기 중심의 페이지라면, 되도록이면 움직이는 아이콘이나 그림을 많이 사용하는 것은 좋지 않습니다. 내용의 배치도 읽는 사람의 눈의 흐름에 어긋나지 않도록 평범하게 배치하는 것이 좋습니다. 보기 중심의 페이지일 경우에도, 너무 산만하게 그림이나 움직이는 아이콘을 사용하는 것은 삼가는 것이 좋습니다.


namonet.dll 문제
"namonet.dll" 때문에 작동하지 않습니다

몇몇 인터넷 접속 회사들은 웹서비스 접속을 위해 자사에서 제공하는 별도의 웹 브라우저와 프로그램 사용을 권하고 있습니다. 이들 중 어떤 프로그램은 설치할 때 Windows의  system 폴더 안에 있는 wsock32.dll 파일을 자신들이 제공하는 파일로 바꾸어 버리기 때문에 문제가 생길 수 있습니다. 이 문제를 해결하기 위해서는 Windows에서 제공하는 wsock32.dll(약 65KB) 파일을 나모 웹에디터가 설치되어 있는 폴더에 복사해 넣으면 됩니다.


ISP 정보
[출판] 인터넷 접속회사별 출판하기 설정

작성한 문서를 출판하기 위한 국내 인터넷 서비스 업체(ISP)들의 환경 설정입니다. 나모 웹에디터를 이용하여 출판하기를 할 때 꼭 필요한 정보로서 3.0의 경우 [도구-사이트 관리-사이트 출판 정보], 2.1/2.0의 경우 [도구-http,ftp 대응]에 등록할 수 있습니다. 물론 나모 웹에디터는 설치하면 이 값을 자동으로 설정하지만, 환경 설정은 ISP에 따라 수시로 바뀌기 때문에 사용자가 가입한 ISP의 환경 설정 값을 확인하는 것이 좋습니다.

서비스별 기본 사항 (99.2. 현재)

서비스명	FTP 호스트	디렉토리	초기 파일명	비고
하이텔	ftp.hitel.net	public_html	index.html
천리안	user.chollian.net	없음	index.html
나우누리	blue.nownuri.net	html	index.html	Passive Mode Off
유니텔	users.unitel.co.kr	newdoc	index.html
네띠앙	ftp.netian.com	없음	index.html
신비로	myhome.shinbiro.com	없음	index.html
아이네트	sol.nuri.net	public_html	index.html
채널아이	N/A	N/A	default.htm	ftp 지원하지 않음
엘림네트	www.elim.net	public_html	index.html
코넷	sobak.kornet.nm.kr	web-home	index.html

참고: 나모 웹에디터로 넷츠고에 출판하기 위해서는 넷츠고에서 제공하는 프로그램을 다운 받아 설치한 후, 가능합니다.

고객 지원 센터 전화 번호 (99.2. 현재)

서비스명	고객센터 전화번호
하이텔	02-3289-2200, 080-022-1410
천리안	02-709-3700, 080-99-01420
나우누리	02-590-3800
유니텔	02-522-0114
넷츠고	02-3479-0700, 080-011-4295
신비로	080-720-1114
아이네트	02-555-8114, 080-222-6942
채널아이	02-369-9900, 080-50-01434
엘림네트	02-3149-4800
코넷	080-900-9000

인터넷 접속회사의 접속 또는 고객지원 관련 정보 (99.2. 현재)

서비스명	홈페이지 주소
아이네트	http://www.iworld.net/info/Connection/
천리안	http://www.chollian.net/doumi/
하이텔	http://www.hitel.net/internet/internetguide/internet/
유니텔	http://www.unitel.co.kr/link/connek/connek_tel.html/
넷츠고	http://www.netsgo.com/intro/faq/default.htm/
나우누리	http://www.nownuri.net/intro/now_nuri/internet.asp/
엘림네트	http://www.elim.net/support/ConnectionInfo/
코넷	http://www.kornet.nm.kr/opendocs/school/guide/html/
넥스텔	http://korean.uriel.net/support/Default.htm/
신비로	http://www.shinbiro.com/service/serv.html/


기존의 홈페이지 편집
이미 있는 홈페이지를 나모 웹에디터로 편집 가능한가요?

이미 만들어져 있는 홈페이지라도 나모 웹에디터를 이용하면 얼마든지 편집할 수 있습니다.

1. 인터넷에 접속된 상태에서 [파일 - 열기...]를 선택합니다. "열기" 대화 상자의 "주소(URL)"에 자신의 홈페이지 주소를 입력하고 "URL 열기" 단추를 누르면 편집 창에 지정된 주소의 웹 페이지를 엽니다. 다른 방법으로는 웹 브라우저를 이용하여 가져올 페이지 접속한 후 [도구-브라우저에서 가져오기]를 선택할 수도 있습니다.

가져온 문서는 나모 웹에디터에서 편집한 다음, [파일 - 저장하기]로 곧바로 웹 상에 올릴 수 있습니다. 단, 홈페이지의 출판 정보가 [도구-사이트 관리-출판하기 정보 목록]에 등록되어 있어야 합니다. 이 방법은 페이지 단위로 홈페이지를 빠르게 수정할 때 편리합니다.

2. 인터넷에 접속된 상태에서 [도구-웹에서 가져오기] 메뉴를 선택합니다. "URL"에 가져올 웹사이트의 주소를 입력하고, "저장할 디렉토리"에 사용자 컴퓨터의 폴더를 지정합니다. "확인" 단추를 누른 후, "웹에서 가져오기" 대화 상자에서 "가져오기" 단추를 누르면 설정한 웹사이트 전체를 사용자의 컴퓨터로 가져옵니다.

가져온 웹사이트는 [파일-새 프로젝트] 메뉴를 실행하여 프로젝트 단위로 관리하는 것이 좋습니다. 이후부터는 프로젝트를 열어서 각 파일들을 열어 편집한 후 출판하기를 하면 됩니다.  이 경우에도 [도구-사이트 관리-출판하기 정보 목록]에 등록되어 있어야만 출판하기를 할 수 있습니다.

참고

현재 웹에 있는 문서를 바로 불러와 저장할 수 있습니까?


웹 브라우저로 가져오기 문제
넷스케이프나 IE로 가져오면 엉뚱한 내용을 가져옵니다.

나모 웹에디터는 URL 열기를 할 때 속도 향상을 위해 캐시(Cache) 기능을 사용하는데, 사용자의 컴퓨터에 저장된 캐시 내용과 실제 웹 서버에 있는 내용이 다르기 때문에 일어나는 문제입니다.

이 경우에는 <F5>를 눌러 "다시 열기"를 실행하면, 캐시에 있는 내용을 무시하고 지정된 주소(URL)에서 직접 읽어오므로, 제대로 된 내용을 가져오게 됩니다. 물론 새 내용을 가져오면, 새 내용이 캐시에 저장됩니다.


출판후 웹 상에서 보이지 않는 문제
[출판] 출판하기에 성공했는데 내용이 바뀌지 않습니다.

주로 웹 브라우저의 캐시 기능 때문에 나타나는 문제입니다. 파일이 웹 서버에 출판되었으나, 사용자의 웹 브라우저는 캐시에 있는 파일을 가져오기 때문에 바뀐 내용이 적용되지 않은 문서를 보여주게 됩니다. 이 경우 웹 브라우저의 새로 고침(Reload) 버튼을 누르면 웹 서버에 있는 파일을 새로 가져오기 때문에 바뀐 내용을 볼 수 있습니다.


특수 문자가 보이지 않는 문
특수문자를 사용했는데 넷스케이프에서 보이지 않습니다.

1바이트 특수문자를 사용한 경우입니다. [삽입 - 기호]를 선택하면, "Symbol" 탭과 "KS symbol" 탭이 있는데, 한글 Windows에서는 "KS symbol" 탭에 있는 특수문자를 사용해야 합니다. (참고로 일본어 Windows에서는 "KS symbol" 탭에 "JIS symbol" 탭이 대신 나타납니다.)

"Symbol" 탭의 특수문자는 영문 Windows 사용자를 위한 영문 전용 페이지를 만들 때만 사용하시기 바랍니다.


한글이 깨어지는 문제(IE)
IE에서 한글이 깨져 보입니다.

인코딩(encoding) 방식을 잘못 지정한 경우입니다. [서식-문서 속성] 메뉴를 선택한 후, "고급" 탭을 눌러 "인코딩"의 문자셋 종류가 아무 것도 지정되어 있지 않거나, "Korean (EUC-KR)" 이외의 방식이 지정되어 있을 때 생길 수 있습니다. "문자셋"을 열어 "한국어"로 바꾸면 문제가 해결됩니다. "한국어"로 설정했을 때의 문자셋은 "EUC-KR"입니다. 모든 홈페이지 문서의 인코딩 종류를 바꾸려면, 홈페이지의 프로젝트 파일을 연 뒤, [도구-사이트 관리-문자셋 바꾸기]를 선택하십시오.


한글이 깨어지는 문제
넷스케이프 컴포저에서 만든 문서를 읽으면 한글이 깨집니다.

컴포저의 한글 처리 방법(인코팅)이 잘못되었기 때문입니다. 컴포저에서 작성한 문서를 나모 웹에디터 편집 화면에서 엽니다. 한글이 깨진 부분을 선택한 다음 [도구 - 깨진 기호를 글자로]를 선택하면, 한글을 복구시켜 줍니다. 그런 다음 문서를 저장하십시오.


줄간격 조절
줄 간격 조절을 어디서 할 수 있습니까?

줄 간격 조절 기능은 HTML 규약에는 없고 CSS 규약에 있는 기능입니다. 나모 웹에디터 3.0은 CSS 규약을 지원하므로 작성하는 웹 페이지의 줄 간격을 지정할 수 있습니다.

줄 간격있는 문서를 만들기 위해서는,

1. [파일 - 새 글...]을 선택한 후, "줄 간격 150% 문서"를 선택합니다.

2. 새로 열린 문서에 내용을 입력한 다음, 줄 간격을 바꾸고자 하는 내용(문단)을 선택합니다.

3. 도구 막대의 "기본 스타일" 목록 펼침 메뉴에서 "leading 150"선택하면, 선택한 내용의 줄 간격이 150%로 늘어납니다.

이렇게 적용된 줄 간격은 CSS 규약을 지원하는 넷스케이프 4.0과 익스플로러 4.0 이상에서만 제대로 보입니다.


웹 브라우저와 다르게 보이는 줄간격
나모 웹에디터와 웹 브라우저의 줄 간격이 다르게 보입니다.

줄 간격 조절 기능은 CSS 규약이므로, 넷스케이프 4.0 이상, MS 인터넷 익스플로러 4.0 이상에서만 제대로 보입니다. 그 이하 버전의 웹 브라우저를 사용하면, 줄 간격을 지정한 부분이 100% 줄 간격을 지정한 곳과 같게 보입니다.


빈 줄 삽입
<Enter>를 누르면 빈 줄이 삽입됩니다.

<Shift+Enter> 키를 누르십시오. 하지만 <Shift+Enter> 키로 나뉘어진 다음 문장은 앞 문장의 속성을 그대로 가져간다는 것이 기억 하시기 바랍니다.

월드와이드웹 협회(W3C)가 정하는 HTML 규약에는 문단과 문단 사이는 빈 줄 하나를 띄우도록 되어 있습니다. 따라서 문단을 끝내는 <Enter> 키를 누르면, 빈 줄이 하나 삽입되는 것입니다.

참고로 <Enter> 키를 누르면 <p> 태그가 HTML 소스에 삽입되고, <Shift+Enter> 키를 누르면 <br> 태그가 삽입됩니다.

참고

문단 바꾸기와 줄바꾸기의 차이


다양한 글꼴 사용
다양한 글꼴을 써서 홈페이지를 만들고 싶습니다.

HTML 문서는 웹 서버에 올려져 PC뿐만 아니라 매킨토시나 유닉스용 웹 브라우저에서도 읽혀지기 때문에, 자신의 PC에 있는 다양한 글꼴을 지정해도 다른 사람이 읽을 때 그 글꼴이 없을 수도 있습니다. 만약 읽는 사람의 시스템에 해당 글꼴이 없으면 일반 글꼴로 표시되므로, 자신의 시스템에 있는 특별한 글꼴을 HTML 문서에 사용하더라도 자신만 볼 수 있을 수도 있습니다. 따라서 웹 페이지를 작성할 때는 기본적인 글꼴을 사용하는 것이 좋습니다. 바탕(명조), 돋움(고딕)을 쓰는 것이 일반적이고, PC 사용자 비율이 많으므로 굴림이나 궁서를 사용하기도 합니다.


하이퍼링크 색깔
나모 웹에디터와 웹 브라우저의 하이퍼링크 색깔이 다릅니다.

하이퍼링크의 색깔은 웹 브라우저나 나모 웹에디터에서 프로그램 기본 색깔로 지정할 수 있고, 나모 웹에디터에서 문서별로 지정할 수도 있습니다. 문서에 지정된 하이퍼링크 색깔은 웹 브라우저 프로그램에서 지정된 색깔보다 우선하여 적용됩니다. 하지만 대부분의 경우 각 문서별로 하이퍼링크 색깔을 따로 지정하지는 않습니다.

나모 웹에디터에서 하이퍼링크 색깔을 바꾸려면, [도구 - 프로그램 설정... - 문서 초기값]에서 하이퍼링크 색깔을 지정합니다. 또한 각 문서별로 하이퍼링크 색깔을 바꾸려면, 나모 웹에디터에서 해당 문서를 연 다음, [서식 - 문서 속성...]을 선택하면 나타나는 "문서 속성" 대화 상자의 "모양" 탭에서 바꿀 수 있습니다.


하이퍼링크의 밑줄
하이퍼링크에 붙는 밑줄을 없애고 싶습니다.

자신이 사용하는 웹 브라우저의 하이퍼링크 설정을 바꾸어 밑줄을 보이지 않게 하는 방법이 있고, 웹 브라우저의 설정과 상관없이 각 문서별로 하이퍼링크에 밑줄을 없애는 방법이 있습니다.

먼저, 웹 브라우저에서 일괄적으로 하이퍼링크의 밑줄을 없애려면, MS 인터넷 익스플로러는 [보기 - 인터넷 옵션]의 "고급" 탭에서 "링크에 밑줄 긋기"를 "항상", "하지 않음", "가리킬 때" 중에서 하나를 선택하면 되고, 넷스케이프는 [편집 - 환경 설정]의 "외양 - 색"에서 "링크 밑줄"을 선택하면 됩니다.

다음은, 스타일시트(CSS)를 이용하여 각 문서에 하이퍼링크 모양을 지정하는 방법입니다. [서식 -문서 스타일]를 선택한 다음, "추가" 버튼을 누르면 "스타일 추가" 대화 상자가 나타납니다. "종류"는 기타, "이름"은 "A:link"를 선택하고 "확인" 버튼을 누릅니다. "글꼴" 탭의 "꾸밈"을 "none"으로 선택하고 "확인" 버튼을 누릅니다.

이 기능은 CSS 규약이므로, 넷스케이프 4.0 이나 인터넷 익스플로러 4.0 버전 이상에서만 적용됩니다.


문단 정렬 방법
문단의 양쪽을 가지런하게 맞추는 방법은 무엇입니까?

HTML 규약에는 일반 출판물에서 사용하는 양쪽 맞춤 기능이 없습니다. 하지만 나모 웹에디터는 HTML 규약의 심화/보충 규약 성격인 CSS 규약을 지원하기 때문에, 양쪽 정렬을 사용할 수 있습니다. 다만 CSS 규약은 인터넷 익스플로러 4.0이나 넷스케이프 4.0 법전 이상에서만 제대로 볼 수 있습니다. 양쪽 정렬을 사용하기 위해서는,

1. [서식 - 문단 스타일]에서 "내용" 탭을 선택합니다.

2. "정렬"을 "justfy"로 지정합니다.

HTML 규약은 월드와이드웹 협회(W3C)에서 확정하여 발표하는데, 웹 페이지는 가독성을 우선적으로 고려하기 때문에 문단 정렬을 양쪽 정렬보다는 왼쪽 정렬 방식을 기본으로 채택하고 있습니다.


프레임 문서 만들기
[프레임] 프레임 문서를 만들고 싶습니다.

프레임을 사용한 문서를 만드는 가장 손쉬운 방법은 나모 웹에디터에서 [프레임-새 프레임셋...] 메뉴를 선택한 후, 미리 준비된 샘플 중의 한 가지를 선택하면 됩니다.

프레임을 사용한 HTML 문서를 만들 때 가장 주의할 사항은,

1. 프레임에서 쓰이는 HTML 문서의 갯수는 보통 "프레임의 수 + 1" 개입니다.

프레임 창이 3개로 나누어져 있다면 필요한 HTML 문서는 4개가 되며, 추가되는 1개의 문서는 프레임셋(frameset) 파일로서 각 프레임들의 구성 정보를 담고 있습니다. 이 프레임셋 파일을 읽으면, 모든 부속 프레임들이 나타납니다. 프레임셋 파일 역시 HTML 파일입니다.

2. 각 프레임에는 "프레임 이름"이 지정되어 있다는 것입니다.

나모 웹에디터에서는 각 프레임의 이름을 나모 웹에디터 프로그램의 제목 막대(title bar)에 표시합니다. 만약 나모 웹에디터의 제목 막대에 "나모 웹에디터 - [banner] -doc.html"이라고 나왔다면, doc.html은 현재 커서가 위치한 프레임의 HTML 파일 이름이며, banner는 그 프레임의 이름입니다. 마우스로 다른 프레임을 선택하면, 파일 이름과 프레임 이름이 그에 맞게 바뀝니다.

프레임 이름은 프레임을 사용한 문서에서 하이퍼링크를 만들 때 "대상 프레임"을 지정할 때 사용됩니다.


대상 프레임이란?
[프레임] 대상 프레임이란 무엇입니까?

프레임이란 하나의 홈페이지 화면이 여러 개 영역으로 나누어진 것을 말합니다. 이때 하이퍼링크가 된 문서가 어느 영역 즉, 어느 프레임인가에 보여져야 하는데, 이때 문서가 나타날 대상이 되는 프레임을 "대상 프레임"이라고 합니다.

각 프레임은 고유한 이름을 가질 수 있으며, 이것을 "프레임 이름"이라고 합니다. 프레임 이름은 사용자가 마음대로 정할 수 있습니다. 나모 웹에디터에서는 [프레임 - 프레임 속성...]을 선택하면 나타나는 "프레임 속성" 대화 상자에서 "이름"을 정할 수 있습니다.

하이퍼링크 대화 상자에서 "대상 프레임을 설정한다"는 것은 하이퍼링크한 문서를 어떤 프레임에 나타낼 것인지를 정하는 것입니다.


프레임을 없애고 전체 화면에 문서 열기
[프레임] 링크시킨 내용을 전체 화면에 표시하려면?

"하이퍼링크 만들기" 대화 상자에서 링크할 문서의 "주소(URL)"을 입력한 다음, "대상 프레임"에 "_blank"나 "_top"을 선택하면 됩니다. "_blank"는 새로운 웹 브라우저 창에 링크된 내용을 표시하고, "_top"은 현재 웹 브라우저 창에 링크된 내용을 전체 화면에 표시합니다.


다른 프레임에 문서 열기
[프레임] 왼쪽 프레임에 링크를 만들고 오른쪽 프레임에 보이게 하려면?

화면을 왼쪽과 오른쪽으로 나누어서 왼쪽 프레임 안의 메뉴를 클릭했을 때 오른쪽 프레임에서 내용이 나타나게 하려면 다음과 같습니다.

1. [파일 - 새글...] 메뉴를 선택하고, "프레임 셋" 탭을 누른 후 "차례"를 선택합니다.

2. 이때 각 프레임에는 이름이 붙습니다. 프레임의 이름은 나모 웹에디터 제목 줄에 나타납니다. 여기서 오른쪽 프레임의 이름은 "contents"가 됩니다.

3. 왼쪽 프레임으로 가서 링크할 부분을 블록으로 잡은 다음 [삽입 - 하이퍼링크 만들기...] 메뉴를 선택합니다.

4. "하이퍼링크 만들기" 대화 상자에서 링크할 문서의 "주소(URL)"를 입력합니다.

5. "대상 프레임"에 오른쪽 프레임의 이름인 "contents"를 선택합니다. "대상 프레임"이란 링크가 된 파일이 나타나는 대상이 되는 프레임을 뜻합니다.

6. "확인" 단추를 누릅니다.


대상 프레임
 [프레임] _blank, _parent, _self, _top 란?

링크된 문서가 나타날 프레임을 선택하는 값들입니다.

_blank: 새로운 웹 브라우저 창을 만든 후, 링크된 내용을 표시합니다.

_parent: 현재 문서를 불른 하이퍼링크가 존재하는 문서에 링크된 내용을 표시합니다.

_self: 하이퍼링크가 있는 자신의 프레임에 링크된 내용을 표시합니다.

_top: 프레임을 없애고 웹 브라우저 전체 화면에 링크된 내용을 표시합니다. _blank와 비슷하지만, 새 웹 브라우저 창을 열지 않고 현재의 웹 브라우저 화면 전체에 링크의 내용을 표시하는 것이 다릅니다.


배경 그림(소리) 넣기
배경 그림이나 소리를 넣고 싶습니다.

1. 메뉴에서 [서식 - 문서...]를 선택합니다.

2. "문서 속성" 대화 상자에서 "모양" 탭을 선택합니다.

3. "배경"에서 배경 그림과 소리를 넣을 수 있습니다. 그림의 경우 "클립아트"를 누르면 나모 웹에디터에서 제공하는 이미지 파일 중에 하나를 선택해서 넣을 수 있고, "찾아보기"를 누르면 사용자가 준비한 그림을 배경 화면으로 넣을 수 있습니다.

이때 "그림 복사하기"를 선택하기 바랍니다. "그림 복사하기"를 선택할 경우 현재 작성 중인 문서가 있는 폴더의 밑에 선택한 그림 파일을 넣을 새로운 디렉토리를 만들고, 그 안에 이미지 파일을 복사해 옵니다. 이것은 나중에 작성한 문서를 웹 서버에 올릴 때 편리하기 때문입니다.

배경 소리도 위와 같은 방법으로 넣을 수 있습니다. 단, 배경 소리는 인터넷 탐색기와 넷스케이프가 태그를 다르기 해석하기 때문에 넷스케이프의 경우는 다음과 같은 태그를 HTML 소스에 직접 입력하여야 합니다.


이미지맵 만들기
그림의 특정 영역에 링크를 만들고 싶습니다.

이런 기능을 "이미지맵"이라고 합니다. 나모 웹에디터는 이미지맵 기능을 내장하고 있습니다.

1. 마우스로 그림을 클릭합니다. 선택된 그림의 테두리에 사각형의 작은 점들이 나타나며, 나모 웹에디터의 왼쪽 아래에 이미지맵 도구 막대가 생깁니다.

2. 이미지 파일에서 링크할 영역의 모양을 사각형 영역, 동그라미 영역, 다각형 영역 중에서 선택하고, 그림 위에서 끌기(dragging)를 합니다.

3. "하이퍼링크 만들기" 대화 상자에 링크할 문서의 주소를 입력합니다.


웹 상에서 그리이 나타나지 않음
웹 상에서 그림이 나타나지 않습니다.

그림이 포함된 HTML 문서를 웹 서버에 올려놓았을 때, 그림이 나타나지 않는 이유는 다음과 같은 여러가지 원인이 있습니다.

1. 인터넷에서 지원하는 그림 파일의 형태는 확장자가 GIF와 JPG(JEPG) 두 가지입니다. 그 밖의 파일 포맷들(BMP, PCX 등) 은 웹 브라우저가 보여주지 않습니다.

2. 대부분의 웹 서버는 대,소문자를 구별합니다. 따라서 namo.gif와 NAMO.GIF, Namo.gif, namo.GIF는 각각 다른 파일로 인식됩니다. 따라서 개인 PC에서 작업할 때는 이상이 없었으나 웹 상에서는 제대로 나타나지 않을 경우, 먼저 파일명의 대,소문자를 확인하기 바랍니다.

3. 웹 서버에는 반드시 HTML 문서와 그림 파일을 같이 올려야 합니다. HTML 파일과 그림 파일은 함께 보이지만 실제로는 별개의 파일입니다. 따라서 웹 서버에 올릴 때 모든 파일을 전송을 해야 합니다.  모든 홈페이지 제작 소프트웨어로 작성한 HTML 문서와 그림 파일은 하나의 파일로 합쳐지는 것이 아닙니다. HTML 문서는 특정 위치에 있는 그림 파일의 경로를 이용하여 그곳에 있는 그림 파일을 불러 보여주는 것입니다.

여기서 "위치"에는 두 가지 의미가 있습니다. 하나는 개인 PC에서 작업할 때 자기 컴퓨터 안의 폴더 경로를 말합니다. 또 하나는 웹 서버의 디렉토리 경로를 말합니다. 웹 서버의 경로는 사용자가 작업한 개인 PC의 경로와 다릅니다. 이 때문에 인터넷 상에서 이미지가 나타나지 않는 경우가 있습니다. 이럴 때 가장 좋은 해결책은 작업 중인 HTML문서와 이 문서 안에 포함된 그림 파일을 같은 폴더 안에 넣어두는 것입니다. 다시 말해, 개인 PC에서든 웹서버에서든 문서 파일과 그림 파일을 같은 폴더 안에 넣어 두면 경로를 찾을 필요가 없이 그림 파일 이름만 지정해 두면 됩니다.

나모 웹에디터는 작업 중인 개인 PC 안에 있는 어떤 그림을 [삽입-그림...] 메뉴의 "찾아보기" 버튼으로 선택했을 때, "그림 속성" 대화 상자에서 "그림 복사" 항목을 선택할 것을 권장하고 있습니다. 이 항목을 선택하면 문서에 삽입한 그림을 현재 작업 중인 HTML 문서가 들어 있는 폴더 밑에 images라는 하위 디렉토리를 만들고 그 안에 복사하게 됩니다. 보통 웹 서버는 사용자의 문서가 올라가는 곳 밑에 디렉토리를 만드는 것을 허용합니다. 따라서 현재 작업 중인 PC에서 웹 문서가 있는 폴더 밑에 하위 폴더를 만들고 이미지 파일을 모아 놓으면 웹 서버에 출판할 때도 자신의 계정에 images 라는 디렉토리를 만들고 이미지 파일을 images 디렉토리에 복사하게 되므로 작업할 때와 똑같은 디렉토리 구조를 유지할 수 있게 됩니다.


자바 애플릿이나 ActiveX 콘트롤 넣기
자바 애플릿이나 ActiveX 콘트롤을 넣고 싶은데...

1. 자바 애플릿은 [삽입-고급...-애플릿]을 선택한 후, 미리 만들어 놓은 애플릿을 "찾아보기" 단추를 눌러 지정해 주고, 관련된 정보를 입력합니다.

2. ActiveX콘트롤은 [삽입-고급...-ActiveX콘트롤]을 선택한 후, 미리 만들어 놓은 ActiveX콘트롤을 "찾아보기" 단추를 눌러 지정해 주고, 관련된 정보를 입력합니다. ActiveX콘트롤은 대화 상자의 "클래스ID"에 현재 컴퓨터 안에 있는 모든 ActiveX콘트롤이 나타나기 때문에 편리하게 삽입할 ActiveX콘트롤을 선택할 수 있습니다.

애플릿과 ActiveX콘트롤은 설정 방법이 약간 까다로우므로, 삽입하려고 하는 파일에 첨부된 문서를 잘 읽고 설정 값들을 넣기 바랍니다.


카운터, 방명록 넣기
카운터, 방명록, 게시판 등을 넣고 싶은데...?

카운터, 방명록, 게시판 등은 웹 브라우저로 보기에는 일반적인 홈페이지와 같아 보이지만 실제로는 웹 서버 쪽에 설치된 별도의 프로그램이 방문자의 요구에 따라 실행되어 그 결과를 사용자에게 보여주는 것입니다. 이런 기능들을 이용하기 위해서는 HTML 문서에 이 프로그램을 연결시켜 주어야 합니다. 따라서 HTML 문서를 제작하는 나모 웹에디터의 고유 기능과는 직접적인 관련이 없습니다. 하지만 나모 웹에디터 3.0은 [삽입-스크립트-스크립트 마법사...] 기능으로 "카운터"와 "방명록"을 홈페이지 붙이는 기능을 제공하고 있습니다. 이 기능은 미리 만든 카운터와 방명록 프로그램을 나모에서 제공하는 무료 홈페이지 공간인 members.namo.co.kr 에 손쉽게 설치해서 사용할 수 있도록 하고 있습니다. 단, 이 기능은 나모웹에디터 정식 구입 후 사용자 등록과 무료 홈페이지 등록 절차를 거친 후부터 사용이 가능합니다. 게시판은 나모 웹에디터 3.0에서 지원하지 않기 때문에 다음 방법을 사용하기 바랍니다.

1. 카운터, 방명록, 게시판 등의 기능을 넣으려면 먼저 자신이 가입되어 있는 인터넷 접속 회사의 홈페이지에 접속해 보시기 바랍니다. 대부분의 회사들은 이런 기능을 해주는 프로그램을 미리 준비해놓고 사용자가 만든 HTML 문서 안에 그 회사에서 정해놓은 방법에 따라 별도의 명령 등을 삽입하면 카운터, 방명록, 게시판 기능 등을 쓸 수 있도록 해주고 있습니다. 물론 이때 나모 웹에디터로 방명록, 게시판 기능이 포함되는 HTML 문서를 편집, 제작할 수 있습니다.

2. 또 다른 방법으로는 인터넷 검색엔진 등을 통해 카운터, 방명록, 게시판 역할을 하는 공개된 프로그램을 찾아서 다운로드한 다음 직접 자신의 홈페이지에 설치하는 방법이 있습니다. 이것은 약간 전문적인 지식이 필요하나 사용자의 요구에 맞게 설치, 확장할 수 있다는 장점이 있습니다.


배경 음악이 나오지 않음
넷스케이프에서 배경 음악이 나오지 않습니다.

나모 웹에디터에서 삽입한 배경음악은 인터넷 익스플로러에서만 작동합니다. 넷스케이프에서는 사용자가 "HTML 소스" 탭에서 <embed src=" /webeditor/music.wav" autostart="true" loop="true" hidden="true">와 같이 직접 HTML 태그 삽입해 주어야만 합니다.

이 문제는 웹 브라우저마다 HTML 태그를 해석하는 방법이 달라서 생기는 문제이므로 나모 웹에디터에서도 해결하기 어려운 문제입니다.


HTML 소스 출력
HTML 소스를 프린트하고 싶습니다.

나모 웹에디터는 HTML 태그 명령어를 편집하는 방식이 아니라 워드프로세서처럼 문서 내용을 직접 편집하는 방식으르 사용합니다. 따라서 HTML 소스 보기나 편집에 대한 복잡한 기능은 다양하게 제공되지 않고 있습니다. 하지만 HTML 소스를 인쇄해야 하는 경우 "HTML 소스" 탭에서 HTML 소스를 모두 복사하여(<Ctrl + A>키), 다른 에디터에 붙여넣은 후 그 프로그램에서 인쇄를 할 수 있습니다.


자바스크립트, CGI, ASP 지원
자바스크립트, CGI, ASP 등을 지원합니까?

나모 웹에디터는 HTML 문서와 관련된 다양한 문서 포맷을 지원합니다. 나모 웹에디터는 기본적으로 ASP(Active Server Page)와 자바스크립트 편집 기능을 제공합니다. 또한 나모 웹에디터 3.0판부터는 사용자들이 많이 사용하는 11가지의 자바스크립트와 2가지의 CGI 프로그램(카운터, 방명록)을 "스크립트 마법사" 기능으로 간편하게 삽입할 수 있습니다.


웹에서 불러 오기
현재 웹에 있는 문서를 바로 불러와 저장할 수 있습니까?

나모 웹에디터는 웹 서버에 있는 HTML를 직접 열고 편집한 후, 출판할 수 있는 기능이 있습니다. 이 기능을 사용하기 위해서는 반드시 인터넷에 접속되어 있는 상태여야 합니다.

1. [파일-열기...] 메뉴를 선택한 후 "열기" 대화 상자의 "주소"에 가져올 파일의 URL을 입력하고, "URL열기" 버튼을 누릅니다. 곧 HTML 파일이 전송되어 오고, 나모 웹에디터에 해당 파일이 나타납니다.

2. 편집을 끝내고 [파일-저장] 버튼을 누르면, "사이트 출판 정보" 대화 상자가 나타나는데, 이곳에 해당 문서를 저장할 서버와 관련된 정보를 입력합니다.

대부분의 서버들은 보여주기는 자유롭게 하지만 새로운 데이터를 받아들일 때는 사용자 아이디와 암호 등을 물어봅니다. 따라서 이러한 정보들을 입력하고 "확인" 버튼을 누르면 인터넷 상의 서버에 바로 저장됩니다. 서버에 저장하는 것을 "출판하기"라고도 합니다.

참고

이미 있는 홈페이지를 나모 웹에디터로 편집 가능할까요?


아래아 한글이나 워드 파일 열기
아래아 한글이나 워드 파일을 편집하고 싶습니다.

1. [파일-열기...] 메뉴를 선택한 후 "파일 형식"을 "아래아 한글" 또는 "MS 워드"로 선택합니다.

2. "파일 이름"에 열고자 하는 파일을 선택 한 후 "열기" 단추를 누릅니다.

아래아 한글 파일은 한글 96(도스용은 2.1판 이상), MS 워드는 6.0판 이상에서 작성한 문서만 열 수 있습니다. 또한 HTML 문서는 아래아 한글이나 MS 워드에 비해 매우 간단한 문서 포맷이므로 원래 문서와 똑같은 편집상태를 유지하기 어렵습니다.


새로운 스타일 시트 만들기
새로운 스타일 시트를 만들고 싶습니다.

나모 웹에디터는 CSS을 지원합니다. 나모 웹에디터에서 새로운 스타일시트 항목을 만드는 과정은 아래와 같습니다.

1. [서식-문서 스타일...]을 선택합니다.

2. "문서 스타일" 대화 상자에서 "추가" 버튼을 누릅니다.

3. "종류"는 "클래스"를 선택하고 원하는 스타일 이름을 영어로 "이름" 입력상자에 입력한 후, "확인" 단추를 누릅니다.

4. "스타일" 대화 상자에서 원하는 속성을 정하고 값을 넣습니다. 각 속성에 대한 설명을 보고 싶으시면 "도움말" 버튼을 누르십시오.

5. "확인" 단추를 누르면 단계 3.에서 입력한 스타일 이름 앞에 "." 이 찍힌 새로운 항목이 보입니다. 다시 "확인" 단추를 누릅니다.

6. 나모 웹에디터의 도구 막대에 "기본 스타일 " 목록 펼침 메뉴가 있습니다. 이 메뉴를 누르면 단계 3.에서 입력했던 스타일 이름이 나옵니다.

7. 스타일 이름을 선택하면 단계 4.에서 지정한 속성이 마우스 포인터가 있는 문단에 적용됩니다.

참고

스타일 대화 상자

클래스 탭

테두리 탭

상자 탭

색깔 탭

글꼴 탭

내용 탭


확장 태그 넣기
나모 웹에디터에서 지원하지 않는 태그를 입력하고 싶습니다.

HTML 소스 탭에서 비표준 태그를 임의로 입력하면 나모 웹에디터가 소스를 분석하면서 비표준 태그를 삭제합니다. 또한 표준 태그라 힐 지라도 나모 웹에디터가 위지윅(WYSIWYG) 편집 화면을 유지하기 위해 사용자가 HTML 소스에 직접 입력한 태그를 없애는 경우도 있습니다. 이렇게 나모 웹에디터가 임의로 삭제하는 태그를 넣기 위해서는 다음과 같은 방법을 사용합니다. 예제로 <ISINDEX ACTION="Websearch"> 라는 넷스케이프만 해석하는 비표준 태그를 입력하는 방법은 다음과 같습니다.

1. 나모 웹에디터 편집 화면에서 비표준 태그를 사용할 곳에 커서를 놓습니다.

2. [삽입 - 기타-HTML 태그...]를 선택합니다.

3. "확장된 태그 이름과 속성" 대화 상자의 "태그 이름" 입력 상자에 원하는 태그를 입력합니다. 여기서는 ISINDEX 를 입력합니다. (<> 는 넣지 않습니다.)

4. "추가" 버턴을 누르면 "속성 이름과 값" 대화 상자가 보입니다. "이름" 입력 상자에는 "ACTION" 을, "값" 대화 상자에는 "Websearch" 를 입력하고, "확인" 버튼을 누릅니다.

5. 편집화면에 "?" 표시가 보입니다. 이것이 나모 웹에디터가 삭제하는 태그를 입력하였다는 뜻입니다.

6. HTML 소스 탭에서 확인해 보면 위에서 입력한 확장 태그가 들어가 있음을 확인할 수 있습니다.


고정된 문단폭 만들기
웹 브라우저 크기에 상관없이 일정한 문단 폭을 만들고 싶습니다.

현재 HTML 규약에는 문단 폭을 고정하는 태그가 없으므로, 가로 1 칸, 세로 1 줄, 테두리 선 두께가 "0"인 표를 만들어, 셀 폭을 픽셀로 지정하면 문단의 폭을 고정시킨 효과를 낼 수 있습니다. 셀 크기를 450 픽셀로 만든 다음 "정렬" 을 "가운데"로 설정하면 문단의 폭은 450 픽셀로 일정하고, 글은 항상 가운데에 위치하게 됩니다.


문서에 탭 넣기
문서에 탭을 넣고 싶습니다.

현재 HTML 규약에서는 탭을 마련해 놓지 않았지만 표를 이용해서 탭의 효과를 만들 수 있습니다.

1. 세로 1줄의 표를 만든 후, 테두리 선 두깨를 "0"로 해 줍니다. 가로 칸의 갯수는 탭을 넣고 싶은 만큼 만드시면 됩니다.

2. 각 셀에 원하시는 문자를 입력합니다.


문단에 여백 넣기
문단에 일정한 여백을 만들고 싶습니다.

HTML 규약에서는 문단 여백을 지원하지 않습니다. 하지만 다음과 같은 방법을 이용하면 문단 여백이 들어간 효과를 얻을 수 있습니니다.

1. 왼쪽 여백 띄우기 - 표를 이용

가로 2칸, 세로 1칸의 표를 만든 다음, 왼쪽 셀의 크기를 원하는 여백의 크기로 만듭니다. 오른쪽 셀에 내용을 입력하신 다음, 마지막으로 표의 테두리 선 두깨를 "0"로 만듭니다.

2. 왼쪽 여백 띄우기 - [서식-들여쓰기 늘이기] 메뉴를 이용해서

정확한 크기의 여백이 필요한 경우가 아니라면 들여쓰기를 이용한 왼쪽 여백 띄우기가 좋습니다. 목록을 만들어도 들여쓰기의 효과를 얻을 수 있습니다.

CSS에서는 문단 여백을 지원하지만 넷스케이프 4.0과 인터넷 익스플로러 4.0 이상에서만 지원됩니다.


다단 편집
신문처럼 다단편집을 하고 싶습니다.

HTML 규약에는 다단 편집이 없으므로, 테두리 선 두께가 "0"이고 다단 수 만큼의 가로 셀을 가진 표를 만들어 내용을 넣으면, 신문 다단 편집 효과를 낼 수 있습니다. 즉, 표의 가로로 3개의 셀을 만들고 테두리 두께를 "0"으로 하여, 각 셀 안에 텍스트를 넣으면 웹 브라우저에 볼 때 가로로 3단으로 나누어진 문서를 볼 수 있습니다.


병렬형 다단 편집
제목을 문단 옆에 두는 병렬형 다단편집을 하고 싶습니다.

병렬형 다단 편집이란 왼쪽 단에 메뉴배치하고,오른쪽 단에는 본문을 넣는 편집 형태를 말합니다. HTML 규약에는 다단 편집이 없으므로, 테두리 선 두께가 "0"이고 2개의 세로 줄 (column) 을 가진 표를 만들어 내용을 넣으면, 병렬형 다단 편집의 효과를 낼 수 있습니다.

1. [표-새 표...]를 선택한 다음, 가로 줄 "3", 세로 줄 "2", 테두리 선 두께 "0", 셀의 안쪽 여백을 "5" 정도로 지정하고 "확인" 버튼을 누릅니다.

2. 왼쪽 셀에서 [표-셀 속성...]을 선택한 다음, 수직 정렬을 "위", 폭을 "100" 픽셀로 지정하고 "확인" 버튼을 누릅니다.

3.오른쪽 셀에서 [표-셀 속성...]을 선택한 다음, 역시 수직 정렬을 "위", 폭을 "460" 픽셀로 지정하고 "확인" 버튼을 누릅니다. 이때 [보기-서식 부호]가 켜져 있는지 확인하십시오.

4. 여기서 왼쪽 셀에는 작은 글 제목을 넣고 오른쪽 셀에는 그 제목에 어울리는 본문을 넣으면, 병렬식 다단 편집을 한 것과 같은 모양이 됩니다.

5. 같은 방법으로, 그 다음 줄의 왼쪽 셀에 제목을 넣고, 오른쪽 셀에 내용을 넣습니다.


그림 파일 투명하게 만들기
그림 파일의 일부를 투명하게 만들려면?

나모 웹에디터는 그림의 일부분을 투명하게 바꾸는 기능을 제공하고 있습니다. 그 과정은 아래와 같습니다.

1. 그림 파일을 문서에 삽입합니다.

2. 마우스로 그림을 클릭하면 이미지 도구 막대가 나타납니다.

3. 이미지 도구 막대의 오른쪽에 있는 "투명하게 만들기" 버튼을 누릅니다. 커서가 스포이드 모양으로 변합니다.

4. 투명하게 만들고 싶은 색깔이 스포이드의 끝에 오게 한 후 마우스로 클릭합니다. "투명한 GIF 파일로 저장하기" 대화 상자가 나타납니다.

5. "투명한 GIF 파일로 저장하기" 대화 상자에서 투명하게 만들려는 색과 저장할 위치, 파일 이름을 확인한 후에 "확인" 버튼을 누릅니다. 이때 파일은 GIF 포맷으로만 저장할 수 있습니다.


프로젝트에서 수식 입력
[삽입-수식...]에서 만들어진 그림 파일을 프로젝트에 포함시키기

나모 웹에디터에서 수식을 입력하면, 수식을 그림 파일로 만들어 문서에 삽입합니다. 만약 문서가 프로젝트에 속해 있을 경우 새롭게 만들어진 수식 그림 파일을 프로젝트에 포함하기 위한 방법은 아래와 같습니다.

1. 프로젝트에 속한 문서를 엽니다.

2. 문서에 [삽입-수식...]을 선택하여 수식을 입력합니다.

3. 문서를 저장합니다.

4. "프로젝트" 탭의 루트 디렉토리를 선택한 후, 마우스 오른쪽 버튼을 누릅니다.

5. "프로젝트에 추가" 메뉴를 선택합니다.


프로젝트에 추가 메뉴


// 아래는 CNT 파일에 들어갈 내용


// 3.0의 새로운 기능


다이나믹 HTML 지원

새로 추가된 레이어(layer)와 타임 라인(time line) 기능을 통해 다이나믹 HTML을 지원합니다.

참고

레이어에 글과 그림 넣기

레이어를 움직이게 만들기


레이어(layer)

레이어란 글이나 그림 등 다양한 객체를 담아 문서의 어떤 곳에나 자유롭게 배치할 수 그릇이라고 할 수 있습니다.


타임 라인(time line)

타임 라인이란 레이어를 이용하여 움직이는 효과를 만들 수 있는 도구입니다.


수식 편집기

Tex, LaTex의 문법을 이용하여 수식을 편집하여 할 수 있습니다.

참고

문서에 수식 넣기


템플릿 마법사

템플릿 마법사를 이용하여 보다 쉽게 홈페이지를 만들 수 있습니다.

참고

템플릿 마법사를 이용하여 쉽게 홈페이지 만들기


스크립트 마법사

스크립트 언어를 모르더라도, 스크립트 언어를 이용해 다양한 효과를 내는 문서를 쉽게 만들 수 있습니다. 마우스 포인터를 가져가면 이미지가 바뀌는 효과, 레이어를 이용한 애니메이션 효과 등 현재 13가지의 효과를 만들 수 있습니다.

참고

마우스 포인터를 가져가면 그림이 바뀌는 효과(롤오버)

문서에서 움직이는 글, 그림 만들기(애니메이션 효과)

펼침 목록 메뉴로 다른 곳에 이동 하기

버튼을 눌렀을 때 다른 곳으로 이동하기(링크 이동 단추)

일정 시간 후 다른 곳으로 이동하기(자동 이동)

방문자의 이름을 묻고 보여주기(방문자 정보 보여주기)

문서에 시계 넣기(텍스트 시계 넣기)

글상자에서 흐르는 글 만들기(움직이는 텍스트)

웹 브라우저의 상황선에서 흐르는 글 만들기(상황선의 움직이는 텍스트)

폴더 형식의 메뉴 만들기

레이어 액션 넣기


카운터, 방명록

홈페이지에 많이 쓰이는  카운터와 방명록 기능을 간편하게 만들 수 있습니다. 단, 나모 웹에디터 등록 고객에 한해 members.namo.co.kr 서버에 설치하여 사용합니다.

참고

방문자의 숫자를 알려주는 카운터 넣기

방명록 넣기


나모 웹에디터와 사이트매니저 통합

웹에디터와 사이트매니저를 통합하여 더욱 편리하게 HTML 문서를 만들고, 사이트를 관리할 수 있습니다.


직관적인 출판하기 기능

홈페이지 제작자의 컴퓨터와 웹 서버를 동시에 보여주어, 작업한 파일들을 신속하고 직관적으로 웹 서버에 전송할 수 있습니다.

참고

출판하기


깔끔한 소스 정리

HTML 소스를 깔끔하게 정리하여 보여주므로 태그를 직접 편집 하는 사용자들이 보다 편리하게 작업할 수 있습니다.


HWP, WORD 문서 직접 변환

아래아 한글 2.1판 이상, MS 워드 6.0판 이상에서 만들어진 문서를 HTML로 변환하여 바로 읽어들입니다. 단 HTML 문서는 아래아 한글이나 MS 워드에 비해 매우 단순한 문서 포맷이므로 문서 모양이 바뀔 수 있습니다.


유니코드 사용

유니 코드를 사용하여 다국어 웹 페이지 제작이 가능합니다. 또한 여러나라 언어를 불러와 보여줄 수 있습니다.

참고

나모 웹에디터를 이용한 일본어 홈페이지 보기


다국어 입력 시스템 지원

나모 웹에디터 3.0은 마이크로소프트의  Global IME를 지원하여, 하나의 Windows 시스템에서 다른 나라 글자를 입력할 수 있습니다. 따라서 한글 Windows에서 일본어 및 중국어 홈페이지를 만들 수도 있습니다.

참고

한글 Windows에서 일본어 입력하기


자동 문서 개요와 차례 만들기

스타일을 적용한 문서, Heading 태그(<h1~h6>)를 적용한 문서의 개요(Outline)를 보여주며, 이 개요를 이용하여 자동으로 문서의 차례를 만들 수 있습니다.

참고

자동으로 문서의 차례 만들기


MS SourceSafe 지원으로 팀 단위 작업 지원

MS SourceSafe를 지원하여 팀 단위로 홈페이지 작업을 할 수 있습니다.


윈도우 탐색 기능

윈도우 탐색 기능을 내장하여 홈페이지 작업 중 나모 웹에디터에서 바로 자신의 컴퓨터 자원을 탐색할 수 있습니다.


HTML 클립보드 지원

나모 웹에디터에서 편집 중인 내용을 복사 또는 자르기할 경우 이 내용을 HTML 형식으로 클립보드에 담아 두었다가, 붙이기를 하면 HTML 형식을 유지하여 붙일 수 있습니다.

참고

홈페이지처럼 예쁜 e-mail 보내기


한글 맞춤법 지원

한글 맞춤법을 지원하여 편집 중인 문서의 백그라운드에서 한글 맞춤법을 체크하여 표시합니다.


휠마우스 지원

나모 웹에디터 3.0에서 휠마우스를 사용할 수 있습니다.


화면 확대 축소

편집 중인 문서를 70 ~ 250%까지 축소, 확대하거나 쪽 너비, 쪽 높이로 맞추어 볼 수 있습니다.


쪽나누기

쪽나누기를 이용하면 임의로 페이지를 나누어 문서를 인쇄할 수 있습니다.


새 문서 만들기

1. [파일- 새 글...]을 선택합니다.

2. "새 내용" 대화 상자가 나타납니다.

3. 문서 탭의 "보통"이 선택되어 있습니다. "확인" 버튼을 누릅니다.

4. 새 문서가 열리고 사용자가 원하는 내용을 입력할 수 있습니다.


새 글 메뉴


새 내용 대화 상자


이미 존재하는 문서 열기

잠깐!
나모 웹에디터 3.0은 HTML 문서 뿐 아니라 아래아 한글 문서(*.HWP)와 MS Word 문서(*.DOC)를 그대로 읽어 들여 HTML 문서로 바꾸어 줍니다.

1. [파일-열기...]를 선택합니다.

2. "열기" 대화 상자가 나타납니다.

3. "위치"에서 작업할 문서를 찾습니다.

4. 찾은 문서를 선택한 후, "열기" 버튼을 누릅니다.


파일 열기 메뉴


열기 대화 상자


작성한 문서 저장하기

1. [파일-저장하기]를 선택합니다.

2. "다른 이름으로 저장" 대화 상자가 나타납니다.

3. "위치"에서 문서를 저장할 폴더를 선택합니다.

4. "파일 이름"에 저장할 파일 이름을 입력합니다.

5. "문서 제목"에 저장할 문서의 제목을 입력합니다.

6. "확인" 버튼을 누릅니다.


저장하기 메뉴


다른 이름으로 저장하기 대화 상자


나모 웹에디터 끝내기

1. [파일-끝]을 선택합니다.


종료 메뉴


문서에 문장 입력하기

1. 마우스 포인터가 위치한 곳에 키보드로 원하는 문장을 입력합니다.


문장 입력 하기


문서에 그림 삽입하기

잠깐!

HTML 문서에서 사용할 수 있는 그림 파일의 종류는 *.JPG 파일과 *.GIF 파일 두 종류입니다.

1. [삽입-그림...]을 선택합니다.

2. "일반" 탭에서 "찾아보기" 버튼을 누릅니다.

3. "열기" 대화 상자가 나타납니다.

4. "위치"에서 원하는 그림 파일을 찾아 선택합니다.

5. "열기" 버튼을 누릅니다. "열기" 대화 상자가 닫히고 "그림 속성" 대화 상자가 나타납니다.

6. "그림 속성" 대화 상자에서 "확인" 버튼을 누릅니다.


그림 삽입 메뉴


그림 속성 대화 상자


표 만들기

1. [표-새 표...]를 선택합니다.

2. "표 속성" 대화 상자의 "셀 크기"에서 "가로 줄"과 "세로 줄"의 수를 결정합니다.

3. "확인" 버튼을 누릅니다.


새 표 메뉴


표 속성 대화 상자


표 도구를 이용해 표 만들기, 편집하기

1. [표-표 그리기]를 선택합니다.

2. "표 도구"가 나타나고 마우스 포인터가 연필 모양으로 변합니다.

3. 연필 모양의 마우스 포인터를 드래그하여 새로운 표를 만듭니다.

4. 나누고 싶은 셀에 연필 모양의 마우스 포인터를 위치시키고 드래그하면 셀이 둘로 나누어집니다.

5. 2개 이상의 셀을 하나로 합치려고 할 때는 합치려는 셀을 마우스로 드래그하여 선택한 후 오른쪽 마우스 버튼을 눌러 나타나는 메뉴에서 "셀 합치기"를 선택하면 됩니다.


표 그리기 메뉴


표 도구


문장에 하이퍼링크 만들기

1. 문서에 하이퍼링크를 만들 문장을 입력합니다.

2. 마우스를 드래그하여 입력한 문장을 선택합니다.

3. [삽입-하이퍼링크...]를 선택합니다.

4. "하이퍼링크 만들기" 대화 상자의 "주소(URL)"에 링크할 인터넷 주소(예: http://www.namo.co.kr/)나 파일 이름(예: index.html)을 입력합니다. 파일은 "찾아보기" 버튼을 이용할 수도 있습니다.

5. "확인" 버튼을 누릅니다.


문장 선택하기


하이퍼링크 만들기 메뉴


하이퍼링크 만들기 대화 상자


그림에 하이퍼링크 만들기

1. 문서에 그림을 삽입합니다.

2. 그림 위에서 마우스를 클릭하여 그림을 선택합니다.

3. [삽입-하이퍼링크 만들기...]를 선택합니다.

4. "하이퍼링크 만들기 대화 상자"의 "주소(URL)"에 링크할 인터넷 주소(예: http://www.namo.co.kr/)나 파일 이름(예: index.html)을 입력합니다. 파일은 "찾아보기 버튼"을 이용할 수도 있습니다.

5. "확인 버튼"을 누릅니다.


그림 하나에 하이퍼링크 여러 개 만들기

1. 문서에 그림을 삽입합니다.

2. 그림 위에서 마우스를 클릭하여 그림을 선택합니다. "이미지 도구" 막대가 나타납니다.

3. 사각형, 원, 다각형 가운데 하나를 선택합니다.

4. 그림 위로 마우스 포인터를 가져가면 포인터의 모양이 십자로 변합니다.

5. 그림 위에 하이퍼링크를 만들 영역을 마우스로 드래그한 후 마우스 버튼을 놓습니다.

6. "하이퍼링크 만들기" 대화 상자가 나타납니다.

7. 하이퍼링크를 만듭니다.

8. 위의 3~7번 방법을 반복하여 그림의 다른 곳에도 하이퍼링크를 만듭니다.


이미지 도구 대화 상자


프레임 만들기

1. [프레임-새 프레임셋...]을 선택합니다.

2. "새 내용" 대화 상자가 나타납니다.

3. "프레임셋" 탭의 여러가지 형태 가운데 하나를 선택하고 "확인" 버튼을 누릅니다.


새 프레임셋 메뉴


새 내용 대화 상자


왼쪽의 프레임에서 링크한 내용이 오른쪽 프레임에 나타나게 만들기

1. [프레임-새 프레임셋...]을 선택합니다.

2. "새 내용" 대화 상자가 나타납니다.

3. "프레임셋" 탭 안의 "차례"를 선택하고 "확인" 버튼을 누릅니다.

4. 오른쪽, 왼쪽 두 개로 나누어진 프레임이 만들어 집니다.

5. 왼쪽 프레임에서 "메뉴"라고 입력 합니다.

6. "메뉴"를 마우스로 선택한 후 하이퍼링크를 만듭니다.

7. "하이퍼링크 만들기 대화 상자"의 "주소(URL)"에 이동할 인터넷 주소(예: http://www.namo.co.kr/)나 파일 이름(예: index.html)을 입력합니다. 파일은 "찾아보기 버튼"을 이용할 수도 있습니다.

8. "하이퍼링크 만들기" 대화 상자의 "대상 프레임"을 클릭하여 "detail"을 선택합니다.

9. "확인" 버튼을 누릅니다.


메뉴를 선택하여 하이퍼링크 만들기


대상 프레임 지정하기


템플릿 마법사를 이용하여 쉽게 홈페이지 만들기

1. [파일-새 프로젝트...]를 선택합니다.

2. "새 프로젝트 만들기" 대화 상자가 나타납니다.

3. "템플릿 마법사"를 선택하고, "다음" 버튼을 누릅니다.

4. 여러 가지 종류의 테마 가운데 사용하고 싶은 테마를 선택한 후 "다음" 버튼을 누릅니다.

5. 선택한 템플릿을 어떤 용도로 사용할지 고른 후 "다음" 버튼을 누릅니다. 용도는 "개인 홈페이지"와 "회사 홈페이지" 두 가지가 있습니다.

6. 홈페이지를 구성할 페이지 종류를 선택합니다.

7. 홈페이지에 들어갈 이름을 입력하고 "마침" 버튼을 누릅니다.


프로젝트 새로 만들기 메뉴


새 프로젝트 만들기 대화 상자


테마 선택하기


템플릿 종류 선택하기


페이지 종류 선택하기


홈페이지 이름 입력하기


출판하기

1. [파일-출판하기...]를 선택합니다.

2. "출판하기" 대화 상자가 나타납니다.

3. "등록 정보..." 버튼을 누릅니다.

4. "사이트 출판 정보 목록" 이 나타납니다.

5. "추가" 버튼을 누릅니다.

6. "사이트 출판 정보" 대화 상자가 나타납니다.

7. 사이트 이름, 호스트, 디렉토리, 사용자, 암호 등에 자신의 홈페이지 공간이 있는 웹 서버의 정보를 입력합니다. 예들 들어, 나모 웹에디터 구매 고객에게 주어지는 무료 홈페이지 공간에 출판한다면 다음과 같이 입력합니다.

사이트 이름: 나모 인터랙티브 (사이트 이름은 사용자가 임의로 만들 수 있습니다.)
호스트: members.namo.co.kr
디렉토리: public_html
사용자: namo (고객 등록시 임의로 정할 수 있습니다.)
암호: ******** (고객 등록시 임의로 정할 수 있습니다.)

8. "확인" 버튼을 누른 후, 다시 "닫기" 버튼을 누르면 "출판하기" 대화 상자로 돌아옵니다.

9. "사이트"의 펼침 목록 메뉴 버튼을 눌러 조금전에 입력한 "나모 인터랙티브"를 선택하면, 나모 웹 서버에 연결됩니다. 이때 사용자의 컴퓨터는 인터넷에 연결되어 있어야 합니다.

10. 왼쪽 창에 있는 파일 가운데 하나를 선택합니다. 파일을 선택하기 위해서는 확인 상자를 선택해야합니다.

11. "출판하기" 버튼을 누르면 선택한 파일이 출판됩니다.


출판하기 메뉴


출판하기 대화 상자


사이트 출판 정보 목록 대화 상자


사이트 출판 정보 대화 상자


레이어에 글과 그림 넣기

그림 넣기

1. [삽입-레이어]를 선택합니다.

2. 레이어가 문서에 나타납니다.

3. 레이어의 왼쪽 위에 있는 "레이어 핸들"을 더블 클릭합니다.

4. "레이어 속성" 대화 상자가 나타납니다.

5. "배경"의 "클립아트 버튼"을 누릅니다.

6. "클립아트" 대화 상자가 나타납니다.

7. 원하는 그림을 선택하고 "삽입" 버튼을 누릅니다.

8. 넷스케이프를 사용하기 위해서는 "<layer> 태그로 저장"을 체크합니다.

9. "확인" 버튼을 누릅니다

글 넣기

1. 문서에 있는 레이어를 클릭합니다.

2. 원하는 글을 입력합니다.


레이어 메뉴


레이어 모양


레이어 속성 대화 상자


글과 그림이 떠 다니는 문서(Dynamic HTML 파일)는 MS 익스플로러와 넷스케이프에서 다른 태그 명령어를 사용합니다. 따라서 두 브라우저에서 동시에 이 기능을 구현할 수는 없습니다. 넷스케이프에서 이 기능을 구현하기 위해서는 layer 태그 명령어를 사용해야 합니다.


타임 라인을 이용해 레이어 움직이게 만들기

1. [보기-도구 창-타임 라인]를 선택합니다.

2. "타임 라인" 창이 나타납니다.

3. 마우스로 레이어의 왼쪽 위에 있는 "레이어 핸들"을 잡고 "타임 라인" 창 위로 드래그합니다. 이때 드래그한 레이어가 타임 라인 창 안에 막대 모양으로 표시됩니다.

4. 막대 모양의 오른쪽 끝을 클릭합니다. 붉은 선이 막대의 끝으로 이동합니다.

5. 편집 화면으로 돌아와 레이어의 왼쪽 위 "레이어 핸들"을 잡고 레이어가 움직이기를 원하는 곳으로 드래그하여 놓습니다.

6. 드래그하기 전 위치에서 드래그한 후의 경로를 따라 이동선이 표시됩니다.

7. "타임 라인" 창의 "자동 실행"을 선택합니다.

8. 편집 문서의 "미리보기" 탭을 눌러보면 레이어가 움직이는 것을 확인할 수 있습니다.


타임 라인 메뉴


타임 라인 창


레이어를 타임 라인 창에 삽입


움직이는 레이어가 멈추는 곳 지정


문서에 수식 넣기

1. [삽입-수식...]을 선택합니다.

2. "수식" 대화 상자가 나타납니다.

3. "비주얼" 탭에 있는 여러가지 수식 부호를 클릭하여 수식을 입력합니다.

4. "확인" 버튼을 누릅니다.


수식 메뉴


수식 대화 상자


수식 입력


한글 Windows에서 일본어 입력하기

나모 웹에디터 3.0은 마이크로소프트에서 제공하는 Global IME를 지원하여, 한글 Windows에서 일본어, 중국어 또는 영문 Windows에서 한글, 일본어, 중국어 입력이 가능합니다. 다음은 한글 Windows에서 일본어를 입력하는 방법입니다.

1. 마이크로소프트 홈페이지에서 Global IME를 다운 로드 받은 후 사용자의 컴퓨터에 설치한 후 재부팅을 합니다.

2. 나모 웹에디터 3.0을 실행합니다. 나모 웹에디터가 선택되어 있는 상태에서 Windows의 작업 표시줄 오른쪽 부분을 보면 지구 모양의 아이콘을 발견할 수 있습니다. 이 아이콘을 마우스로 클릭합니다.

3. 메뉴에 "Microsoft 한글입력시스템"과 "일본어 IME"가 나타납니다. "일본어 IME"를 선택하면 이때부터 나모 웹에디터 3.0 편집 화면에서 일본어를 입력할 수 있게 됩니다.

4. 나모 웹에디터 3.0 편집화면에서 일본어 입력이 가능한 상태가 되면 Windows 화면에 "일본어 입력 표시기"가 나타납니다.

5. "일본어 입력 표시기"의 제일 왼쪽 버튼을 누르면 일본어 입력 방법을 선택할 수 있습니다. 가운데 버튼은 "일본어 입력 표시기"의 등록정보, 오른쪽 버튼은 "도움말" 버튼입니다.

6. 편집 화면에서 일본어를 입력합니다.

7. 일본어 입력이 모두 끝난 후에는 반드시 [서식-문서 속성] 메뉴의 "고급" 탭을 눌러 "인코딩"에서 "문자셋"을 "일본어(EUC-JP)" 또는 "일본어(Shift-JIS)"로 설정한 후 저장 하는 것이 좋습니다. 또한 이렇게 저장된 일본어 웹 문서를 보기 위해서는 웹 브라우저의 문자셋도 같이 지정해 주어야 합니다.

MS 사이트에서 Global IME를 받기 위해서는 다음을 클릭하십시오. Global IME는 나라별로 있습니다. 가령 열본어 입력기가 필요하면 "Microsoft Global IME for Japanese - with Language Pack"을 선택하시면 됩니다.


Windows 작업표시줄에 나타난 Global IME 메뉴


한글 Windows에서 나타난 일본어 입력 표시기


일본어 입력 표시기의 일본어 입력 방법 선택


나모 웹에디터 3.0 편집 화면에서 일본어 입력하기


마우스 포인터를 가져가면 그림이 바뀌는 효과 만들기(롤오버)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "롤오버 그림"을 선택합니다 .

2. "스크립트 마법사 - 롤오버 그림" 대화 상자가 나타납니다. "이름"에 적당한 이름을 입력합니다. 이때 이름은 영문으로 하는 것이 좋습니다.

3. "첫번 째 그림 경로"에는 마우스 포인터가 접근하기 전의 그림 파일을, "두번째 그림 경로"에는 접근한 후의 그림 파일을 선택합니다.

4. "마침" 버튼을 누릅니다.

5. 편집화면의 "미리보기"를 이용하여, 제대로 롤오버 그림이 삽입되었는지 확인합니다.

참고

스크립트 마법사 - 롤오버 그림 대화 상자


스크립트 마법사


롤오버 그림 대화 상자


문서에서 움직이는 글, 그림 만들기(애니메이션 효과)

1. 문서에 글, 그림 또는 레이어를 넣습니다.

2. 애니메이션 효과를 주고 싶은 곳에 마우스 포인터를 위치 시킵니다.

3. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "애니메이션 효과"를 선택합니다.

4. "스크립트 마법사-애니메이션 효과" 대화 상자가 나타납니다. "시작 위치"에서 오른쪽 아래를,  "발자취"에서 "직선"을 선택합니다. 선택한 결과는 대화 상자 안의 "미리보기"에서 바로 확인할 수 있습니다.

5. ">>" 버튼을 누르면, 확장된 애니메이션 기능을 넣을 수 있습니다.

6. "마침" 버튼을 누릅니다.

주의

이 효과는 IE, Netacape 4.x 이상에서만 제대로 볼 수 있습니다.

참고

스크립트 마법사 - 애니메이션 효과 대화 상자


애니메이션 효과 대화 상자


펼침 목록 메뉴에서 다른 곳으로 이동하기

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "펼침 목록 메뉴"를 선택합니다.

2. "스크립트 마법사-펼침 목록 메뉴" 대화 상자가 나타납니다. "목록 이름"에 이동할 사이트의 이름을 넣고(예: 나모), "URL"에 사이트의 URL을 입력한 후(예: http://www.namo.co.kr/), "추가" 단추를 누릅니다.

3. 다시 "목록 이름"과 "URL"에 원하는 사이트의 정보를 입력하고 "추가" 단추를 누릅니다. 이와 같은 방식으로 원하는 만큼의 사이트를 추가합니다.

4. 프레임으로 구성된 홈페이지의 경우, 펼침 목록에서 선택한 사이트가 나타날 대상 프레임을 지정할 수 있습니다.

5. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 펼침 목록 메뉴 넣기 대화 상자


펼침 목록 메뉴 대화 상자


버튼을 눌렀을 때 다른 곳으로 이동하기(링크 이동 단추)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "링크 이동 단추 넣기"를 선택합니다.

2. "링크 이동 단추 넣기" 대화 상자가 나타납니다. "단추 이름"에 단추 위에 나타날 이름을 입력합니다.

3. "이동할 곳"에 단추를 눌렀을 때 이동할 곳을 선택합니다. "URL"을 선택하면 특정 홈페이지로 이동할 수 있고, "앞 페이지" 또는 "뒤 페이지"를 선택하면, 웹 브라우저로 방문했던 이전 페이지, 이후 페이지로 이동할 수 있습니다.

4. "대상 프레임"은 프레임으로 구성된 홈페이지의 경우, 버튼을 눌렀을 때 나타날 사이트가 어느 프레임에 보이게 할 것인지를 지정합니다.

5. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 링크 이동 단추 대화 상자


링크 이동 단추 넣기 대화 상자


일정 시간 후 자동으로 다른 곳으로 이동하기(자동 이동)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "자동 이동"을 선택합니다.

2. "자동 이동" 대화 상자가 나타납니다. "시간"에 얼마 후에 자동으로 이동할지 입력하고, "URL"에는 지동으로 이동할 홈페이지의 URL을 입력합니다.

3. "자동 이동 없애기"는 지동 이동 효과를 현재 페이지에서 삭제할 때 사용합니다.

4. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 자동 이동 대화 상자


자동 이동 대화 상자


방문자의 이름을 묻고 보여 주기(방문자 정보 보여주기)

1. 홈페이지에 "~님 반갑습니다. 저의 홈페이지에 와주셔서 감사합니다"라고 입력합니다.

2. 마우스 포인터를 "~님..." 앞에 둡니다.

3. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "방문자 정보 보여주기"를 선택합니다.

4. "방문자 정보 보여주기" 대화 상자가 나타납니다. "폼 이름"과 "폼 구성요소 이름"은 현재 값대로 두는 것이 좋지만, 한 페이지에 여러가지 폼이 포함될 때는 임의로 바꿀 수도 있습니다.

5. "정보 종류"에 방문자에게 보여줄 정보 종류를 선택합니다. 여기서는 "방문자 이름"을 선택합니다. 입력 상자 안에는 방문자의 이름을 묻는 메시지 상자에 나타날 내용을 입력합니다. 예를 들어, "당신의 이름은 무엇입니까?"라고 입력할 수 있습니다.

6. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 방문자 정보 보여주기 대화 상자


방문자 정보 보여주기 대화 상자


문서에 시계 넣기(텍스트 시계 넣기)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "텍스트 시계 넣기"를 선택합니다.

2. "텍스트 시계 넣기" 대화 상자가 나타납니다. "폼 이름"과 "폼 구성요소 이름"은 현재 값대로 두는 것이 좋지만, 한 페이지에 여러가지 폼이 포함될 때는 임의로 바꿀 수도 있습니다.

3. "시간 표시 종류"에서 원하는 시간 표시 방법을 선택합니다.

4. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 텍스트 시계 넣기 대화 상자


텍스트 시계 넣기 대화 상자


글상자에서 가로로 흐르는 글 만들기(움직이는 텍스트)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "움직이는 텍스트"를 선택합니다.

2. "움직이는 텍스트" 대화 상자가 나타납니다. "폼 이름"과 "폼 구성요소 이름"은 현재 값대로 두는 것이 좋지만, 한 페이지에 여러가지 폼이 포함될 때는 임의대 바꿀 수도 있습니다.

3. "텍스트 내용"에 움직일 문장을 입력합니다.

4. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 움직이는 텍스트 대화 상자


움직이는 텍스트 대화 상자


웹 브라우저의 상황선에 흐르는 글 만들기(상황선의 움직이는 텍스트)

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "상황선의 움직이는 텍스트"를 선택합니다.

2. "상황선의 움직이는 텍스트" 대화 상자가 나타납니다. 상황선에 가로로 흐를 문장을 "문구 1", "문구 2", "문구 3"에 각각 입력합니다.

3. "마침" 버튼을 누릅니다.

참고

스크립트 마법사 - 상황선의 움직이는 텍스트 대화 상자


상황선의 움직이는 텍스트


차례 만들기

1. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "차례 만들기"를 선택합니다.

2. "차례 만들기" 대화 상자가 나타납니다.

3. "추가" 버튼을 눌러 새로운 항목을 추가합니다.

4. 추가된 항목의 이름을 "나모"로 바꾸고 "링크 경로"에 "http://www.namo.co.kr/"이라고 입력합니다.

5. "확인" 버튼을 누릅니다.

주의

이 효과는 IE, Netacape 4.x 이상에서만 제대로 볼 수 있습니다.

참고

스크립트 마법사 - 차례 만들기 대화 상자

스크립트 마법사 - 차례 만들기(모양 정하기) 대화 상자


차례 만들기 대화 상자


차례 만들기 대화 상자


차례 만들기 대화 상자


하나의 레이어를 클릭했을 때 다른 레이어 없애기(레이어 액션 넣기)

1. [삽입-레이어]를 이용하여 두 개의 레이어를 만듭니다.

2. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "레이어 액션 넣기"를 선택합니다.

3. "레이어 액션 넣기" 대화 상자가 나타납니다.

4. "레어어 이름"에서 첫번째 레이어(layer1)를 선택합니다.

5. "이벤트 종류"에서 "Onclick"을 선택합니다.

6. "액션 종류"에서 "레이어 감추기"를 선택합니다.

7. "대상"에서 두 번째 레이어(layer2)를 선택합니다.

8. "추가" 버튼을 누른 후, "마침" 버튼을 누릅니다.

주의

이 효과는 IE, Netacape 4.x 이상에서만 제대로 볼 수 있습니다.

참고

스크립트 마법사 - 레이어 액션 넣기 대화 상자


레이어 액션 넣기 대화 상자


레이어 액션 넣기 대화 상자


방문자 숫자를 알려주는 카운터 넣기

1. 나모 홈페이지에 접속하여 사용자 등록과 무료 홈페이지 등록을 하여 자신의 아이디를 만듭니다.

2. http://members.namo.co.kr/swmanage/에 접속하여 자신의 아이디와 제품 번호를 입력하면 "호스트 영역 인증키"가 생성됩니다. 생성된 "호스트 영역 인증키"를 기록해 둡니다.

3. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "카운터 넣기"를 선택합니다.

4. "카운터 넣기" 대화 상자가 나타납니다.

5. "사용자 ID"에 나모에서 등록한 자신의 아이디를 입력합니다.

6. "호스트 영역 인증키"에 기록해 둔 "호스트 영역 인증키"를 입력합니다.

7. "카운터 종류"에서 "<<", ">>" 버튼을 이용하여 카운터의 모양을 선택합니다.

8. "마침" 버튼을 누릅니다.

주의

나모 웹에디터 3.0 구입 후 사용자 등록과 무료 홈페이지 등록을 한 후부터 사용 가능합니다.

참고

스크립트 마법사 - 카운터 넣기 대화 상자


카운터 넣기 대화 상자


방명록 만들기

1. 나모 홈페이지에 접속하여 사용자 등록과 무료 홈페이지 등록을 하여 자신의 아이디를 만듭니다.

2. http://members.namo.co.kr/swmanage/에 접속하여 자신의 아이디와 제품 번호를 입력하면 "호스트 영역 인증키"가 생성됩니다. 생성된 "호스트 영역 인증키"를 기록해 둡니다.

3. [삽입-스크립트-스크립트 마법사...] 메뉴를 선택한 후, "방명록 넣기"를 선택합니다.

4. "방명록 넣기" 대화 상자가 나타납니다.

5. "사용자 ID"에 나모에서 등록한 자신의 아이디를 입력합니다.

6. "호스트 영역 인증키"에 기록해 둔 "호스트 영역 인증키"를 입력합니다.

7. "방명록 쓰기 폼"을 선택합니다.

8. "마침" 버튼을 누릅니다.

주의

나모 웹에디터 3.0 구입 후 사용자 등록과 무료 홈페이지 등록을 한 후부터 사용 가능합니다.

참고

스크립트 마법사 - 방명록 넣기 대화 상자


방명록 넣기 대화 상자


자동으로 문서 차례 만들기

자동으로 차례를 만들기 위해서는 문서 내용의 각 제목에 Heading 태그를 이용해야 합니다. "서식 도구 막대"의 "문단 유형"에 있는 "제목 1" ~ "제목 6"이 Heading 태그에 해당합니다.

1. [보기-도구 창-문서 개요]를 선택합니다.

2. 편집 화면 왼쪽에 "문서 개요" 창이 열립니다. 창 안 아무 곳에나 마우스 오른쪽 버튼을 누릅니다.

3. "차례 만들기"를 선택합니다.

4. "차례 만들기" 대화 상자가 나타납니다. "만들기" 버튼을 누릅니다.

5. 문서의 제일 앞에 차례가 만들어집니다.

참고

차례 만들기 대화 상자


"문단 유형" 펼침 목록 메뉴에서 제목 선택하기


문서 개요 창


깨진 한글 e-mail 복구해서 읽기

1. 깨진 e-mail을 선택한 후 <Ctrl + c>를 눌러 복사합니다.

2. 나모 웹에디터의 편집화면에 <Ctrl + v>를 눌러 붙여넣습니다.

3. 붙인 내용을 마우스로 선택합니다.

4. [도구-깨진 기호를 글자로]를 선택합니다.


홈페이지처럼 예쁜 e-mail 보내기

1. 나모 웹에디터에서 문서를 만듭니다.

2. <Ctrl + a>키를 눌러 편집한 내용을 모두 선택한 후 <Ctrl + c>를 눌러 클립보드로 복사합니다. 이때 복사한 내용은 HTML 형식을 유지하게 됩니다.

3. 인터넷 탐색기의 아웃룩익스프레스를 실행하고, 새 메일 쓰기를 합니다.

4. 메일 본문을 쓰는 곳에 마우스 클릭을 한 후 <Ctrl + v>를 누릅니다.

5. 나모 웹에디터에서 작업한 내용이 그대로 복사됩니다.

6. 메일을 보냅니다.

주의

이 기능은 메일 프로그램이 HTML 서식을 지원해야 가능합니다. 또한 메일을 받는 사람도 HTML 서식을 지원하는 메일 프로그램을 사용해야 합니다.


웹 에디터를 이용하여 일본어 홈페이지 보기

1. 웹 브라우저로 일본어 홈페이지에 접속합니다.

2. 접속한 홈페이지의 일본어가 깨진 상태로 보일 것입니다.

3. 나모 웹에디터의 [보기-넷스케이프로 보기]를 선택합니다.

4. 깨어진 일본어 홈페이지가 나모 웹에디터 편집화면 안으로 전송되어 나타납니다.

5. [보기-다시 열기-일본어(shift-JIS)]를 선택하면 깨진 일본어 홈페이지가 복구되어 나타납니다. 이때 일부 글자들이 사각형으로 나타날 수가 있는데, 일본어 Windows가 아닌 경우에 나타날 수 있는 현상입니다. 하지만 마이크로소프트가 제공하는 Global IME for Japanese Lanugague Pack을 설치했다면 모두 볼 수 있습니다.


표를 보다 아름답게(셀에 배경색 넣기)

1. [표 - 새 표...]를 이용하여 표를 만듭니다.

2. 배경색을 넣을 셀에 마우스 포인터를 위치시킵니다.

3. [표 - 셀 속성...]을 선택하여, "배경색"을 변경합니다.

4. [표-테두리선-가늘게] 를 선택합니다.


자동 교정 기능으로 손쉽게 하이퍼링크 만들기

자동 교정 기능은 사용자가 타이핑할 때 실수하기 쉬운 단어를 미리 등록해놓고 똑같은 오타가 입력되면 바른 낱말로 바꿔주는 기능입니다. 이 기능을 응용하여 하이퍼링크를 자동으로 붙일 수 있는 기능을 만들 수 있습니다.

1. [도구 - 자동 교정...]을 선택합니다.

2. "자동 교정"  대화 상자가 나타납니다. "추가" 버튼을 누릅니다.

3. "항목 정보"  대화 상자가 나타납니다. "를"에 "@나모"라고 입력하고, "으로"에 "http://www.namo.co.kr"을 입력한 후 "확인" 버튼을 누릅니다.

4. "자동 교정" 대화 상자에서 다시 "확인" 버튼을 누릅니다.

5. 편집화면에서 "@나모"라고 입력한 후, 사이띄개를 누릅니다.

6. "@나모"가 하이퍼링크된 "나모"로 바뀝니다.

참고

자동 교정 대화 상자


줄간격 130%, 파란 글꼴색의 스타일 시트를 만들고 문서에 적용 시키기

스타일 시트 만들기

1. [서식-문서 스타일...]을 선택합니다.

2. "문서 스타일" 대화 상자가 나타납니다.

3. "추가" 버튼을 누릅니다.

4. "스타일 추가" 대화 상자가 나타납니다.

5. "종류"에 "클래스"가 선택된 상태에서 "이름"에 "practice"라고 쓰고 "확인" 버튼을 누릅니다. 이름은 되도록 영문으로 써주는 것이 좋습니다.

6. "스타일" 대화 상자가 나타납니다.

7. "색깔" 탭을 클릭한 뒤, 전경색을 파란색으로 지정합니다.

8. "내용" 탭을 클릭한 뒤, "줄간격"에 "130"이라고 쓰고 단위를 %로 지정합니다.

9. "확인" 버튼을 누르면 다시 "문서 스타일" 대화 상자가 나타나고 여기에서도 "확인" 버튼을 누릅니다.

문서에 적용하기

1. 스타일을 적용할 문단에 마우스 포인터를 위치시킵니다.

2. CSS 바꾸기 메뉴에서 조금전에 만든 "practice"를 선택하면 곧바로 선택한 문단에 적용됩니다.


문서 스타일 메뉴


문서 스타일 대화 상자


스타일 추가 대화 상자


색깔 탭


내용 탭


문단에 마우스 포인터 위치 시키기


스타일 적용하기


// 용어 설명


프로토콜(Protocol) 관련


프로토콜
프로토콜(Protocol)이란?

프로토콜이란 컴퓨터끼리 정보를 교환할 때 사용하는 통신 규약입니다. 사람이 같은 언어를 사용해야 의사 소통을 할 수 있듯이 컴퓨터끼리도 서로 알아들 수 있는 하나의 약속이 필요한 데 이것을 프로토콜이라고 합니다. 대표적인 예로 TCP/IP를 들 수 있습니다.


TCP/IP
TCP / IP (Transmission Control Protocol/Internet Protocol)

TCP/IP란 인터넷에서 정보를 교환할 때 사용하는 약속, 즉 프로토콜입니다. TCP/IP 프로토콜에는 TCP/IP 통신 규약을 지키면서도 각자의 특성을 가진 개별 프로토콜들이 존재합니다. 이런 개별 트로토콜에는 전자 우편을 위한 프로토콜(SMTP), 월드 와이드 웹(WWW)을 위한 프로토콜 (HTTP) 등이 있습니다.


HTTP
HTTP(Hyper Text Transfer Protocol)

HTTP란 월드와이드웹(World Wide Web)에서 웹 브라우저를 통해 글, 그림, 데이터 등을 볼 수 있게 해주는 인터넷 통신 규약(TCP/IP) 가운데 하나입니다. 웹 브라우저의 주소에 http//www.namo.co.kr/ 라고 입력하면 해당하는 웹 페이지를 보여주는데, 이렇게 웹 브라우저에 해당 웹 페이지를 보여주는 인터넷 규약이 HTTP입니다.


FTP
FTP(File Transport Protocol)

FTP란 인터넷에서 파일을 주고 받을 수 있도록 해주는 규약입니다. FTP는 파일을 전송하는 간단한 일을 하지만 안정성이 뛰어나고 전송 속도가 빠르기 때문에 많이 사용되고 있습니다. FTP를 지원하는 프로그램으로는 WS_FTP, CUTE FTP 등이 있습니다.


PPP
PPP(Point to Point Protocol)

PPP는 개인 사용자들이 모뎀과 전화선을 이용하여 인터넷에 접속할 수 있도록 해 주는 규약입니다.


IP 주소

인터넷에 연결되어 있는 컴퓨터에는 서로를 구별할 수 있는 고유한 번호가 주어져 있는데 이 번호를 IP 주소라고 합니다.  123.456.789.123과 같이 네 개의 3자리 수 묶음으로 되어 있으며, 인터넷 상에 같은 IP 주소는 존재할 수 없습니다.


DNS
DNS(Domain Name System)

123.456.789.123과 같은 IP 주소는 사람이 기억하기 어렵습니다. 따라서 사람이 쉽게 기억하기 쉬운 이름을 IP 주소에 대응시켜 사용하게 되는데 이것을 도메인 네임(Domain Name)이라고 하며, 이런 체계를 간단히 DNS라고 부릅니다.


URL
URL(Uniform Resource Locator)

URL이란 인터넷 주소를 할당하는 체계를 말합니다. 보통 URL은 "컴퓨터이름.기관명.기관종류.국가명"(www.namo.co.kr)으로 구성됩니다. 미국의 경우에는 "국가명"을 사용하지 않고 "기관종류"까지만 사용하는 경우가 많습니다.


네트워크(Network) 관련 데이터들


쿠키

사용자가 어떤 웹 페이지에 접속할 경우, 해당 웹 페이지는 그 페이지에 관한 정보를 웹 브라우저에게 넘겨줍니다. 이 정보는 웹 브라우저에 저장되어 있다가 나중에 같은 웹 페이지에 접속 했을 때 사용자에 관한 정보를 웹 서버에 알려 줍니다. 이 정보를 "쿠키(cookie)"라고 합니다.


Proxy 서버

인터넷에 사용자가 폭주하게 되면 일종의 정체 현상이 일어납니다. Proxy는 인터넷 정체를 피하기 위한 수단으로, 사용자가 많이 접속하는 웹 사이트에 대한 정보를 따로 저장해 두었다가 사용자가 접속하면 실제 웹 사이트가 있는 서버까지 가지 않고 Proxy 서버에 있는 정보를 곧바로 보여줍니다. 따라서 사용자가 많은 홈페이지에 접속할 때 속도가 빨라지는 효과를 볼 수 있습니다.


파일 관련


HTML
HTML(Hyper Text Markup Language)

HTML이란 홈페이지를 만들 수 있게 해주는 일종의 프로그래밍 언어입니다.  태그라 불리는 매우 간단한 명령어로 구성되어 있으면서도 다양한 문서를 쉽게 만들 수 있기 때문에 인터넷에서 광범위하게 사용되고 있으며, 폭발적인 인터넷 성장에 결정적인 역할을 하였습니다. HTML 표준은 WWW Consortium에서 관리하고 있으며 '99년 현재 HTML 4.0까지 발표 되었습니다.


ASP
ASP(Active Server Page)

ASP는 HTML의 한계를 극복하기 위해서 마이크로소프트사에서 독자적으로 만든 웹 기반 프로그래밍 언어의 일종입니다. ASP를 사용하면 데이터를 효율적으로 관리할 수 있고 동적인 홈페이지를 쉽게 만들 수 있습니다.


XML
XML(eXtensible Markup Language)

XML은 확장된 HTML 언어라고 할 수 있으며, HTML로는 불가능한 표현까지 할 수 있습니다. XML은 아직 대중화 되지는 않았지만 곧 HTML을 대체할 기술로 떠오르고 있습니다.


CSS
CSS(Cascading Style Sheet)

CSS는 HTML에 빠져 있었던 문서의 디자인 요소를 정의한 것입니다. CSS는 전체 문서에 영향을 줄 수 있는 여러 가지의 스타일 시트가 순차적으로 문서에 적용되는 양식으로, 이것을 이용하면 HTML 규약으로는 불가능한 줄간격, 자간 등을 지정할 수 있습니다.


기타


자바스크립트
자바스크립트(JavaScript)

JavaScript란 HTML과 함께 사용하여 동적인 홈페이지를 만들 수 있도록 해주는 일종의 프로그래밍 언어입니다. 자바스크립트를 사용하면 홈페이지에 다양한 효과를 줄 수 있습니다.


플래시
플래시(Flash)

플래시는 단순한 홈페이지에 그림, 사운드 등의 수준 높은 멀디미디어 효과를 구현할 수 있도록 매크로미디어사가 개발한 소프트웨어입니다. 플래시를 이용하면 작은 크기의 파일로 동적인 효과를 내는 홈페이지를 만들 수 있어 인터넷에서 광범위하게 사용되고 있습니다.


CGI
CGI(Common Gateway Interface)

CGI란 홈페이지 방문자가 입력한 정보를 서버 쪽에서 받아 처리할 수 있도록 하는 프로그램을 말합니다. CGI는 서버에 있는 프로그램으로 C/C++ 또는 Perl 등으로 만들 수 있습니다. 카운터, 게시판 등이 대표적인 CGI 프로그램입니다.


메뉴 용어 설명


프레임

프레임이란 하나의 문서를 몇 개의 화면으로 나누어 각각의 화면에 서로 다른 인터넷  문서(HTML 문서)를 삽입할 수 있도록 해주는 기능입니다. 하나의 문서를 프레임으로 나누면, 나눈 프레임의 수보다 하나 더 많은 HTML 파일이 생성됩니다. 이것을 프레임셋이라 부르며, 각각의 프레임에 들어갈 문서, 전체 프레임의 모양 등에 관한 정보를 가지고 있습니다.


레이어
레이어(Layer)

홈페이지에 원하는 위치에 텍스트, 이미지, 객체 등을 담아 올려놓을 수 있는 그릇이라고 할 수 있습니다. 따라서 레이어는 웹 브라우저의 현재 문서 상태에 구애받지 않고 HTML 문서 위 어떤 곳이라도 위치시킬 수 있습니다. 레이어와 Javascirpt를 결합하면 애니메이션 효과를 내는 화려한 홈페이지를 만들 수 있습니다.


키매크로

인터넷 문서를 작성하다 보면 반복적으로 같은 작업을 해야 할 때가 있습니다. 키매크로는 자주 사용하는 키보드 입력을 순서대로 기록해 두었다가 간단한 키 조작으로 재생할 수 있는 기능입니다.


이미지맵

그림의 일정 영역에 하이퍼링크를 만들 수 있는 기능입니다. 이미지맵을 이용하면 하나의 그림에서 여러개의 하이퍼링크를 만들 수 있습니다.


인터넷에서 사용하는 간단한 용어 정리.


스팸 메일
스팸(Spam) 메일(Bulk Mail, Junk Mail)

인터넷에서 무차별적으로 뿌려지는 광고 메일을 스팸 메일이라고 합니다.


포탈 사이트
포탈 사이트(Portal Site)

인터넷에 존재하는 수많은 사이트들을 사용자가 쉽게 찾을 수 있도록 안내해 주는 사이트들을 말합니다. 포탈 사이트(Portal Site)는 초기의 단순한 홈페이지 찾기 기능을 벗어나 종합 정보 제공, 전자 메일, 홈페이지 서비스, 전자 쇼핑몰, 인터넷 접속 서비스 등 인터넷에 관련된 모든 활동을 도와주는 종합 사이트로 변화하고 있습니다.


배너 광고
배너(Banner) 광고

배너 광고란 홈페이지 상단 혹은 좌우 등에 놓인 사각형 모양의 광고를 말합니다. 배너 광고를 클릭하면 관련 홈페이지로 이동하게 됩니다.


FAQ
FAQ(Frequently Asked Questions)

자주 질문 받는 내용과 이에 대한 답변을 정리하여 모아 놓은 문서를 FAQ라고 합니다.


방화벽
방화벽(Firewall)

해커의 침입 또는 정보의 유출 등에 대비하는 하드웨어나 소프트웨어를 총칭하여 방화벽이라고 합니다.


MIME
MIME(Multipurpose Internet Mail Extensions)

e-mail을 주고 받을 때 텍스트 외에 확장된 정보를 교환하기위한 인터넷 메일 표준입니다. 그 동안의 인터넷 메일은 글자 이외에는 메일로 보낼 수가 없었습니다. 이 한계를 극복하고자 제정된 메일 표준이 MIME으로 텍스트, 이미지, 오디오, 비디오,  메시지, 멀티파트, 애플리케이션 등의 7가지가 있습니다.


나모 웹에디터 3.0 단축키 일람표

Function 키

F1	도움말
F2	모양 붙이기
F3	다시 찾기
F4	출판하기
F5	다시 열기
F6	소스 편집창
F7	맞춤법 검사
F8	목록 연결하기
F9	하이퍼링크
F11	브라우저 2로 보기
F12	브라우저 1로 보기

Function 키와 Shift 키를 조합한 단축키

	Shift 키
F1	풍선 도움말
F2	모양 복사
F5	다시 그리기
F6	문단 스타일
F7	자동 교정
F8	목록 분리하기
F9	하이퍼링크 지우기
F11	브라우저 2에서 가져오기
F12	브라우저 1에서 가져오기

Function 키와 Ctrl 키를 조합한 단축키

	Ctrl 키
F1	문서 정보
F4	닫기
F5	들여쓰기 줄이기
F6	들여쓰기 늘이기
F7	기호

Function 키와 Alt 키를 조합한 단축키

	Alt 키
F4	끝내기
F5	소스세이프 상태 갱신
F6	문서 스타일
기타 단축키

<Ctrl + 0>	보통 유형(Normal Style)
<Ctrl + 1>	제목 유형(Heading) 1
<Ctrl + 2>	제목 2
<Ctrl + 3>	제목 3
<Ctrl + 4>	제목 4
<Ctrl + 5>	제목 5
<Ctrl + 6>	제목 6
<Ctrl + 7>	형식 유지(Pre-Formatted)
<Ctrl + 8>	숫자로 된 목록(Numbered)
<Ctrl + 9>	점으로 된 목록(Bulleted List)
<Ctrl + Z>	돌이킴(Undo)
<Ctrl + Del>	이후 낱말과 빈칸 지우기
<Ctrl + Y>	한 줄 지우기
<Ctrl+Shift+Tab>	이전 문서 창으로
<Ctrl + Tab>	다음 문서 창으로
<Ctrl +Backspace>	이전 낱말과 빈칸 지우기
<Alt + Z>	되돌이킴(Redo)
<F6>	HTML 소스와 편집 창을 오가기


나모 웹에디터 3.0 사용자 지원

나모 웹에디터 3.0의 사용

나모 웹에디터 3.0은 (주)나모 인터랙티브에서 제작하였습니다. 이 소프트웨어와 모든 부속물에 대한 저작권과 지적 소유권은 (주)나모 인터랙티브가 가지고 있으며, 이 권리는 대한민국의 저작권법과 국제 저작권 조약으로 보호 받습니다. 따라서 이 소프트웨어를 무단으로 복제, 유통 시키는 행위는 법으로 금지되어 있있습니다.

사용자 등록

나모 인터랙티브는 정식제품을 구입하고, 사용자 등록을 한 분들을 최우선으로 하여 고객지원을 하고 있습니다. 제품 구입 후에는 반드시 나모 홈페이지 또는 패키지 안에 포함된 사용자 등록 카드를 통해 사용자 등록을 해주시기 바랍니다. 사용자 등록을 할 경우 다음과 같은 특전을 얻으실 수 있습니다.

- 합법적인 업그레이드 할인 혜택 : 사용자 등록이 되어 있지 않은 사용자는 업그레이드 대상에서 제외됨

- 전자우편과 웹게시판, 팩스를 통한 고객 지원

- 무료 홈페이지 공간 제공 : 3MB/1년

- 무료 웹검색엔진(나모 두레박), HWP 뷰어, 방명록, 카운터 서비스 제공

- 외국어 버전 구입 시 할인 혜택(일본어판 또는 영문판)

- 나모 웹에디터 교육 프로그램에 초대

- 실비로 사용자 안내서(매뉴얼) 추가 서비스

- 나모와 관련된 소식 및 뉴스 제공

- 기타 나모 관련 행사에 최우선 초대

고객 지원

(주)나모 인터랙티브는 정식 등록 사용자에 한하여 이 소프트웨어와 관련된 문제에 대한 기술 지원을 제공합니다.  문의 사항은 전자우편(weinfo@namo.co.kr)이나 팩스(02-3275-1358), 우편을 이용해 주시기 바랍니다.

사용 문의를 하시기 전에 나모 웹에디터 도움말이나 (주)나모 인터랙티브의 고객 지원 인터넷 게시판(http://bbs.namo.co.kr/)을 먼저 참고해 주시면 감사하겠습니다.

고객 지원이 필요하실 경우에는 사용자 이름,  제품 일련 번호,  개정판 번호 등 나모 웹에디터 정보 상자에 나오는 내용을 밝혀 주십시오.  이러한 정보는 등록 사용자 확인 뿐만 아니라 정확한 고객 지원을 위해서도 꼭 필요한 정보들입니다.

(주)나모 인터랙티브 인터넷 홈페이지: http://www.namo.co.kr/

(주)나모 인터랙티브 고객 지원 인터넷 게시판: http://bbs.namo.co.kr/

(주)나모 인터랙티브

(우)121-080 서울시 마포구 대흥동 485-1번지 벤처 비즈니스 센터 서관 4층
팩스: 02-3275-1358
E-Mail : weinfo@namo.co.kr
Copyright 1997-1999
All Rights Reserved.


나모 웹에디터 3.0 도움말

나모 웹에디터 3.0을 사용해 주셔서 감사합니다. 나모 웹에디터 3.0 도움말은 사용자들이 나모 웹에디터를 보다 쉽게 사용할 수 있도록 돕기 위해 만들어 졌습니다. 나모 웹에디터 도움말은 간단한 사용 방법과 나모 웹에디터를 사용하다 의문이 생겼을 때 쉽고 빠르게 찾을 수 있는 내용으로 구성되어 있습니다.

나모 웹에디터 도움말 사용 방법:

나모 웹에디터 3.0 도움말을 사용하기 위해서는 [도움말-나모 웹에디터 도움말...]을 선택합니다.

나모 웹에디터 도움말 구성:

도움말 항목은 목차와 색인으로 구성되어 있습니다.

목차는
   1) 나모 웹에디터 3.0의 새로운 점
   2) 간단한 나모 웹에디터 사용방법
   3) 나모 웹에디터의 고급 기능
   4) 알아 두면 좋은 인터넷 관련 용어
   5) FAQ
   6) 나모 웹에디터 3.0 단축키로 구성되어 있습니다.

색인에서는 찾기를 원하는 용어를 직접 입력하여 찾을 수 있습니다.

나모 웹에디터 도움말이나 사용 설명서로도 문제가 해결되지 않을 때는 나모 제품 게시판을 참고하시거나 weinfo@namo.co.kr로 이 메일을 보내주십시오.

도움말 항목

창 닫기

나모 웹에디터 도움말은 800*600 화면에 맞추어져 있습니다. 따라서 그 이상의 화면에서는 실제 보다 크게 보일 수 있습니다.

(주)나모 인터랙티브

(우)121-080 서울시 마포구 대흥동 485-1번지 벤처 비즈니스 센터 서관 4층
팩스: 02-3275-1358
E-Mail : weinfo@namo.co.kr
Copyright 1997-1999
All Rights Reserved.


 애플릿 속성 대화 상자

요약: 자바 언어로 생성된 애플릿을 문서에 넣습니다.

•	코드: 삽입하고자 하는 애플릿 파일을 선택합니다. (예: applet.class)

•	코드 베이스: 삽입된 애플릿의 경로를 나타냅니다. 코드 베이스는 애플릿이 위치한 URL을 쓸 수도 있습니다.

•	이름: 문서에 삽입한 애플릿의 이름을 결정합니다. 이름은 영문으로 쓰는 것이 좋습니다.

•	보충설명: 애플릿을 불러오지 못할 때 애플릿에 대한 간단한 설명을 보여줍니다.

•	정렬: 삽입한 애플릿 주위에 들어갈 텍스트의 위치를 결정합니다.

•	크기: 삽입한 애플릿이 웹 브라우저에서 보이는 크기를 결정합니다.

•	여백: 애플릿이 들어가는 공간에 여백을 넣습니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 적용합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.

•	매개변수 버튼: 애플릿에 사용되는 매개 변수를 설정합니다.


 자원 복사하기 대화 상자

요약: 문서에 삽입한 그림 파일을 작업하는 문서의 하위 폴더로 복사합니다.

 HTML 문서에서 그림을 보여주는 방법

 자원 복사하기 대화 상자가 필요한 이유

•	폴더 지정 : 가져올 그림 파일을 저장할 폴더를 만듭니다. 기본값은 images입니다.


그림 경로
HTML 문서에서 그림을 보여주는 방법

HTML 문서는 워드프로세서처럼 그림을 문서 자체에 삽입하는 것이 아니라, 그림이 있는 경로 정보만을 참조하여 그림이 문서에 포함되어 있는 것처럼 보여 줍니다.


자원 복사하기
자원 복사하기 대화 상자가 필요한 이유

작업 중인 문서에 클립아트나 다른 곳에 있는 그림 파일을 가져 올 경우, 그림의 경로는 작업 중인 PC 안에서의 경로입니다. 반면 웹 서버는 작업 PC와 다른 경로를 가지므로 출판했을 때 경로가 달라 그림이 보이지 않는 경우가 있습니다.

이 문제를 쉽게 해결하는 방법은, 작업 중인 문서가 있는 디렉토리에 그림 파일만 넣어두는 새로운 폴더를 만드는 것입니다. 이런 이유로 나모 웹에디터는 다른 곳에 있는 그림 파일을 문서에 삽입할 경우 images라는 폴더를 만들고, 이 폴더에 파일을 복사할지 묻습니다.


 자동 교정 대화 상자

요약: 키보드로 입력할 때 틀리기 쉬운 단어를 자동으로 수정합니다.

참고: 항목 창에 있는 확인 상자를 선택을 해제하면, 다른 규칙은 그대로 둔 상태로 해당 규칙만 해제할 수 있습니다.

•	추가: 자동 교정 목록에 새로운 항목을 추가합니다.

•	삭제: 자동 교정 목록에 들어 있는 항목을 삭제합니다.

•	편집: 자동 교정 목록에 들어 있는 항목을 수정합니다.

•	선택사항:
   자동 교정 - 자동교정 기능을 끄거나 켭니다.
   소리 내기 - 자동교정을 할 때 소리를 내어 사용자에게 알려줍니다.
   확인 상자 - 자동 교정을 할 때 마다 확인 상자를 보여줍니다.

참고

"*"가 붙었을 때 : 낱말의 앞 또는 뒤에 다른 글자가 있을 때 교정합니다.

     (예) "*넷스케입*" | "*넷스케이프*"라고 등록되어 있을 경우,

             "넷스케입2.0"이라고 입력하면 "넷스케이프2.0"이라고 자동교정합니다.

             "넷스케입"이라고만 입력해도 "넷스케이프"로 자동교정합니다.

"-"가 붙었을 때 : 낱말의 앞뒤에 반드시 다른 글자가 있을 때 교정합니다.

     [예] "켸켸묵-" | "케케묵-"라고 등록되어 있을 경우,

            "켸켸묵은"이라고 입력하면 "케케묵은"이라고 자동교정합니다.

             하지만 "켸켸묵"이라고만 입력하면 자동교정하지 않습니다.

"@"가 붙었을 때 : @가 붙은 낱말에 지정한 하이퍼링크를 만듭니다.

     [예] "@나모*" | "http://www.namo.co.kr*"라고 등록되어 있을 경우,

            "@나모는"이라고 입력하면, "나모는"에 하이퍼링크를 만듭니다.

참고:

자동 교정 기능으로 손쉽게 하이퍼링크 달기


 항목 정보 대화 상자

요약: 자동 교정 사전에 새로운 내용을 추가, 편집합니다.

•	~를: 바꿀 대상이 되는 단어를 입력합니다.

•	~으로: 새로운 단어를 입력합니다.

•	설명: 추가한 내용에 대한 간단한 설명을 붙입니다.

•	이 규칙을 적용합니다: 편집한 규칙을 적용할 지 결정합니다.


 모양 복사하기 대화 상자

요약: 마우스 포인터가 위치한 곳의 글자, 문단, 문서, 표, 셀 등의 속성을 복사해 둡니다.

 언제 모양 복사하기를 사용하나?

•	마우스 포인터가 위치한 곳에 지정되어 있는 속성이 활성화되어 나타납니다.

•	글자 속성, 문단 속성, 하이퍼링크, 책갈피, 표 속성, 셀 속성, 글자색, 배경색, 문서 속성 중 원하는 속성만 복사해 둡니다.


모양 복사하기
언제 모양 복사하기를 사용하나?

특정 부분의 글자, 문단, 문서, 표, 셀 등의 속성을 다른 곳에 똑같이 적용시켜야 할 때 속성을 일일이 적용할 필요없이 "모양 복사하기"를 한 후 "모양 붙이기"를 이용하여 한 번에 바꾸어 줄 수 있습니다.


 모양 붙이기 대화 상자 -> ID 없음!

요약: 모양 복사한 셀, 표, 문서의 배경색을 적용시킵니다.

 모양 붙이기 대화 상자에서 할 수 있는 일은?

•	셀 배경색: 셀의 배경색을 복사해 둔 배경색으로 바꿉니다.

•	표 배경색: 표의 배경색을 복사해 둔 배경색으로 바꿉니다.

•	문서 배경색: 문서의 배경색을 복사해 둔 배경색으로바꿉니다.

참고

셀, 표, 문서의 배경색을 제외한 나머지 속성들은 [편집-모양 붙이기]를 선택하면 바로 적용이 됩니다.


모양 붙이기
모양 붙이기 대화 상자에서 할 수 있는 일은?

모양 붙이기로 복사해 둔 특정 부분의 속성 중 배경색과 관련된 내용을 적용시킵니다.


 책갈피 대화 상자

요약: 링크된 곳을 클릭했을 때 문서안의 특정 부분으로 이동할 수 있도록 책갈피를 지정합니다.

 책갈피란?

•	추가: 책갈피로 지정할 곳을 목록에 추가합니다.

•	수정: 책갈피로 지정된 내용의 이름을 바꾼 뒤 수정 버튼으로 바뀐 내용을 적용시킵니다.

•	삭제: 선택된 책갈피를 삭제합니다.

•	이동: 선택된 책갈피가 지정된 곳으로 곧바로 이동합니다.

•	닫기: 책갈피 대화 상자를 닫습니다.


책갈피
책갈피란?

하이퍼링크를 이용하여 문서안의 특정 위치로 이동 해야할 때 책갈피를 사용합니다. 이 경우 이동하려고 하는 특정 위치마다 책갈피를 지정해 놓으면, 책갈피가 지정된 곳으로 곧바로 이동할 수 있습니다.


선낵적인 줄나누기 속성 대화 상자
 선택적인 줄 나누기 속성 대화 상자

요약: 문단을 나누지 않고 단순히 줄을 바꿀 때 사용합니다.

 문단 나누기와 줄 나누기의 차이?

 언제 선택적 줄 나누기를 사용하나?

•	일반 줄 나누기: 키보드에서 <Shift-Enter>를 친 것과 똑같은 결과가 나타납니다. 보통 줄 바꾸기를 할 때 사용합니다.

•	왼쪽 여백이 없는 곳까지: 그림이 삽입되어 있고, 그림 속성이 왼쪽 정렬일 때 사용합니다. 다음 줄이 그림의 왼쪽 아래 부분에서 시작합니다.

•	오른쪽 여백이 없는 곳까지: 그림이 삽입되어 있고, 그림 속성이 오른쪽 정렬일 때 사용합니다. 다음 줄이 그림의 아래 부분에서 시작해서 그림 밑까지 계속됩니다.

•	양쪽 여백이 없는 곳까지: 그림이 삽입되어 있을 때, 다음 줄을 그림의 아래에서 시작합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 적용합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


문단 나누기와 줄바꾸기
문단 나누기와 줄 바꾸기의 차이

HTML 4.0 규약에는 문단 나누기와 줄 바꾸기가 있습니다. 문단 나누기(<p>)는 줄 바꾸기(<br>)보다 간격이 더 넓습니다.
문단 나누기는 독립된 하나의 단락으로 문단을 나누는 것을 의미하며, 줄 바꾸기는 같은 문단 안에서 단순히 줄만 바꿀 때 사용합니다.


선택적 줄나누기
언제 선택적 줄 나누기를 하나?

그림 주위에 글을 흐르게 할 때, 문단 바꾸기가 아닌 줄 바꾸기로 그림의 아래 부분에서 글이 시작하고 싶을 때 사용합니다.


 셀 속성 대화 상자

요약: 셀 속성과 관련된 사항을 설정합니다.

•	정렬: 선택된 셀 안에 있는 내용의 수직, 수평 정렬을 지정합니다.

•	크기: 선택된 셀의 폭, 높이를 지정합니다.

•	테두리선: 선택된 셀의 테두리선 색깔, 음영에 해당하는 색깔을 지정합니다.

•	배경: 선택된 셀에 배경색을 넣거나 배경 그림을 넣습니다. "그림 복사하기"를 이용하면 배경 그림으로 사용한 파일을 현재 문서가 있는 폴더를 기준으로 어디에 복사할 지 결정합니다. 초기값은 문서가 있는 폴더 밑의 images 폴더입니다.

•	모양: 선택된 셀을 제목 셀로 사용하거나 자동 줄바꿈을 금지합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 적용 합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 줄단위로 삭제하기 대화 상자

요약: 표의 가로 또는 세로 줄 전체를 삭제합니다.

•	세로 줄 삭제, 가로 줄 삭제: 마우스 포인터가 위치한 셀을 기준으로 가로 또는 세로 줄 전체를 삭제합니다.

•	지울 갯수: 지울 셀의 갯수를 지정합니다.


 줄단위로 삽입하기 대화 상자

요약: 표에 새로운 가로 또는 세로 줄을 삽입합니다.

•	세로 줄 삽입, 가로 줄 삽입: 마우스 포인터가 위치한 셀을 기준으로 가로 또는 세로 줄을 삽입합니다.

•	세로 줄 갯수: 삽입할 셀의 세로 줄 갯수를 지정합니다.

•	삽입 위치: 마우스 포인터가 위치한 셀을 기준으로 어디에 셀을 삽입할 지 결정합니다.


 셀 나누기 대화 상자

요약: 셀을 가로 또는 세로로 나눕니다.

•	세로 줄로 나누기, 가로 줄로 나누기: 마우스 포인터가 위치한 셀을 가로 또는 세로로  다시 나눕니다.

•	나눌 갯수: 나눌 셀의 갯수를 저정합니다.


 대소문자 바꾸기 대화 상자

요약: 대소문자를 바꿉니다.

•	선택한 내용의 대소문자를 지정한 방식으로 바꿉니다.


레이어 바꾸기

요약: 선택된 레이어를 다른 레이어로 바꿉니다.

•	타임라인에 등록된 레이어를 선택하여, 아직 등록 되지 않은 다른 레이어로 바꿉니다.


문자셋 바꾸기 대화 상자
 문자셋 변경 대화 상자

요약: HTML 문서의 문자셋을 변경합니다.

 문자셋이란?

•	프로젝트에 포함된 파일 전체 또는 선택된 파일의 문자셋을 원하는 문자셋으로 바꿉니다.


문자셋
문자셋이란?

각 나라의 고유한 언어를 인터넷에서 처리하기(인코딩) 위해 언어별로 특정한 문제 체계가  정해져 있는데 이것을 문자셋이라고 합니다. HTML 문서에서 문자셋이 지정되어 있으면 웹 브라우저가 이 문자셋을 해석하여 적절한 언어로 보여줍니다. 하지만 웹 브라우저가 모든 문자셋을 처리할 수 있는 것은 아닙니다. 한국어를 위한 문자셋으로는 EUC-KR을 많이 사용합니다.


클립아트
 클립아트 대화 상자

요약: 나모에서 제공하는 클립아트를 삽입합니다.

•	추가: 새로운 클립아트 항목을 만듭니다.

•	삭제: 선택된 클립아트 항목을 삭제합니다.

•	파일 가져오기: 사용자가 새로운 그림 파일을 클립아트에 추가합니다.

•	미리보기 만들기: 새롭게 추가한 그림 파일을 실제 사용할 수 있게 미리보기 창에 등록합니다.

•	삭제: 선택된 클립아트를 삭제합니다.

•	배경으로 삽입: 선택한 클립아트를 배경 그림으로 넣습니다.

•	삽입: 미리보기 창에서 선택한 그림 파일을 문서에 삽입합니다.

•	닫기: 클립아트 대화 상자를 닫습니다.


 숨은 설명 대화 상자

요약: 문서에 숨을 설명을 넣습니다.

 숨은 설명이란?

•	편집 창에 원하는 내용을 입력한 뒤 "확인" 버튼을 누릅니다.


숨은 설명
숨은 설명이란?

HTML 문서를 만들 때, 문서의 특정 부분에 대한 특징을 기록해 두어야 할 경우가 있습니다. 이 경우 숨은 설명을 이용하여 주석을 넣습니다. 숨은 설명은 웹 브라우저에서는 보이지 않습니다. HTML 소스에 직접 삽입할 경우에는 <!-- -->태그를 사용합니다.


스타일 대화 상자 테두리 탭
 테두리 탭

요약: 선택된 문단에 테두리를 지정합니다.

•	모양새: 테두리의 모양을 지정합니다.

•	색깔: 테두리의 색깔을 지정합니다.

•	폭: 테두리의 폭을 지정합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


스타일 대화 상자 상자 탭
 상자 탭

요약: 선택된 문단의 여백을 지정합니다.

•	여백(마진): 여백을 지정합니다.

•	안쪽 여백: 안쪽 여백을 지정합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


스타일 대화 상자, 스타일 탭
 클래스 탭

요약: 선택된 문단에 특정 클래스를 지정합니다. "클래스"와 "아이디"는 CSS에서 스타일을 정의한 후 이것을 가리키는 방법입니다.

•	클래스: 정의한 개별 스타일을 클래스라고 하며 클래스 목록에서 사용할 클래스를 선택할  수 있습니다.

•	아이디: 적용하려는 스타일의 고유한 값(ID)을 지정할 때 사용합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


스타일 대화 상자 색깔 탭
 색깔 탭

요약: 선택된 문단의 색깔 관련 사항을 지정합니다.

•	색깔:
   전경색 - 글자의 색을 지정합니다.
   배경색 - 글자의 배경색을 지정합니다.

•	배경 그림:
   주소 - 배경 이미지가 있는 위치를 입력합니다.
   찾아보기 버튼 - 이미 존재하는 배경 그림을 찾습니다.
   덧붙임 - 문서를 스크롤할 때 배경 그림이 고정될 지 같이 스크롤 될지 결정합니다.
   반복 - 그림의 반복 여부를 설정합니다. 다음과 같은 선택이 가능합니다.
             repeat 그림을 타일 형식으로 보여줍니다.
             repeat-x 가로 방향으로만 그림을 반복하여 보여줍니다.
             repeat-y 세로 방향으로만 그림을 반복하여 보여줍니다.
             no-repeat 그림을 반복하지 않습니다.
   수직 위치 - 그림이 시작할 수직 좌표를 지정합니다.
   수평 위치 - 그림이 시작할 수평 좌표를 지정합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


스타일 대화 상자 글꼴 탭
 글꼴 탭

요약: 선택된 문단의 글자 모양을 지정합니다.

•	글꼴 이름들:
   으뜸 글꼴 - 문서에 적용될 글꼴을 선택합니다.
   버금 글꼴 - 으뜸 글꼴이 없을 때 적용될 글꼴을 선택합니다.
   글꼴 - 사용자가 으뜸 글꼴과 버금 글꼴 이외에 추가로 예비 글꼴을 지정할 때 사용합니다. 추가 할 수 있는 글꼴에는 제한이 없으며 글꼴과 글꼴 사이는 세미콜론(;)으로 구별합니다.

•	크기: 글자 크기를 지정합니다.

•	꾸밈: 글자에 밑줄이나 깜박임 등의 효과를 줍니다.

•	모양새: 글자에 normal , italic, oblique과 같은 효과를 줍니다.

•	폭: 글자의 두께를 설정합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


스타일 대화 상자 내용 탭
 내용 탭

요약: 선택된 문단의 모양을 지정합니다.

•	정렬: 문단 정렬 방법을 결정합니다.

•	들여쓰기: 문단 들여쓰기 간격을 조절합니다.

•	줄간격: 문단 내에서 줄 간격을 조절합니다.

•	글자 간격: 글자와 글자 사이의 간격을 조절합니다.

참고

인터넷 탐색기 3.x 또는 넷스케이프 3.x 이하의 웹 브라우저들은 여기서 선택한 값들을 해석하지 못합니다. 4.x 이상에서도 인터넷 탐색기와 넷스케이프가 같은 내용을 조금 다르게 해석할 수 있습니다.


문서 속성 대화 상자 고급 탭
 고급 탭

요약: 문서와 관련된 정보를 확인, 지정합니다.

•	시스템 변수: 웹 브라우저에서 화면 갱신 값이나 끝나는 날짜와 같은 특별한 지시를 나타내는 메타 태그를 추가, 수정, 삭제합니다.

•	사용자 변수: 웹 브라우저에서 문서 속성을 설명하는 데 사용되는 메타 태그를 추가, 수정, 삭제합니다.

•	인코딩: 문서의 문자셋을 결정합니다. 이 값을 어떻게 하느냐에 따라 각국 문자가 제대로 나오기도 하고 깨져서 나타나기도 합니다. 한글은 보통 Korean(EUC-KR)을 사용합니다.


문서 속성 대화 상자 모양 탭
 모양 탭

요약: 문서의 모양을 지정합니다.

•	문서 색깔:
   배경 - 문서의 배경색을 지정합니다.
   글씨 - 글자의 색깔을 지정합니다.
   하이퍼링크 - 하이퍼링크가 있는 텍스트의 색을 지정합니다.
   열었던 하이퍼링크 - 열었던 하이퍼링크의 색깔을 지정합니다.
   열고 있는 하이퍼링크 - 하이퍼링크를 클릭했을 때의 색깔을 지정합니다.

•	배경:
   그림 - 그림을 배경으로 사용합니다.
   그림 복사하기 - 배경 그림으로 사용한 그림 파일을 현재 문서가 있는 폴더를 기준으로 어디에 복사할 지를 지정합니다. 초기값은 문서가 있는 폴더 밑의 images 폴더입니다.

   소리 - 배경 음악 처럼 문서를 열었을 때 들리는 소리 파일을 지정합니다.
       반복 - 소리 파일의 반복 횟수를 지정합니다.
       계속 - 소리 파일을 계속 반복해서 들려줍니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 적용 합니다.

•	확장 버튼: HTML 4.0 규약에서 지원하지 않는 태그를 추가합니다.


문서 속성 대화 상자 정보 탭
 정보 탭

요약: 현재 문서와 관련된 정보를 확인, 지정합니다.

•	위치: 현재 문서가 있는 위치와 파일명을 나타냅니다.

•	기준 위치: 현재 문서가 사용되는 URL의 기준 위치(URL)을 입력합니다. 기준 위치를 입력하면 문서에서 상대 주소를 입력한 곳이 "기준 위치 + 상대 주소"로 적용됩니다. 예를 들어, 기준 위치를 http://www.namo.co.kr/로 지정한 후 hello.html로 이동하는 하이퍼링크를 만들면, 웹 브라우저에서 이 하이퍼링크를 클릭했을 때 http://www.namo.co.kr/hello.html로 이동합니다.

•	글 제목: 문서의 제목을 입력합니다. 글 제목은 웹 브라우저의 제목 표시줄에 나타납니다.

•	지은이: 문서를 작성한 사람의 이름을 입력합니다.

•	설명, 핵심어, 분류: 야후!나 심마니 같은 검색 엔진들이 참조할 내용을 입력합니다.

•	기본 대상 프레임: 현재 문서에서 사용된 모든 하이퍼링크의 대상 프레임을 지정합니다.


 문서 정보 대화 상자

요약: 현재 문서에 대한 정보를 보여줍니다.

•	문서위치: 현재 문서가 저장되어 있는 위치를 나타냅니다.

•	지은이: 문서를 작성한 사람을 알려줍니다. 지은이는 [서식-문서...]에서 입력할 수 있습니다.

•	인코딩: 현재 문서가 사용하고 있는 문자셋을 보여줍니다.

•	배경 색깔: 현재 문서에서 사용된 배경 색깔을 보여줍니다.

•	배경 그림: 현재 문서에서 사용된 배경 그림 파일을 보여줍니다.

•	Generator: 문서를 편집할 때 사용된 에디터의 이름을 보여줍니다.

•	전송량: 현재 문서를 출판할 때 같이 출판되는 파일들의 총 크기를 보여줍니다.

•	전송 시간: 현재 문서를 출판할 때 걸리는 시간을 28.8Kbps 모뎀을 기준으로 보여줍니다.

•	그림 파일: 현재 문서에 사용된 그림 파일의 경로와 이름을 보여줍니다.

•	기타: 그림 파일 이외 문서에 사용된 파일의 경로와 이름을 보여줍니다.


문서 속성 대화 상자 스크립트 탭
 스크립트 탭

요약: 문서 전체에 적용될 스크립트를 입력합니다.

•	<Head> 태그 안에 들어가는 스크립트 창: 전체 문서에 적용될 스크립트를 입력합니다.


 확인 상자 속성 대화 상자

요약: 확인 상자를 만들 때 사용합니다.

 확인 상자란?

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 확인 상자 폼 필드의 이름을 결정하여 입력합니다. 이름은 영문을 사용하는 것이 좋습니다.

•	값: 확인 상자의 기본 값은 선택되거나 선택되지 않은 상태로 주어지지만, 특정 값을 가질 수도 있습니다.

•	시작 상태:
   선택된 상태 - 확인 상자가 선택된 상태로 나타납니다.
   표시 안된 상태 - 확인 상자가 선택되지 않은 상태로 나타납니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


확인상자
확인 상자란?

확인 상자는 폼 필드 가운데 하나로 어떤 항목이 선택되었는지 아닌지를 서버에 알려줍니다. 라디오 버튼은 여러 항목 중 한 가지만 선택할 수 있지만, 확인상자는 한 번에 여러 가지 항목을 선택할 수 있습니다.


폼필드
폼 필드란?

폼 필드(Form Field)란 웹 브라우저와 서버 간에 데이터를 교환하기 위해 사용되는 HTML 형식입니다. HTML 문서의 폼 필드에 입력된 데이터는 서버로 전달되고, 서버는 이 데이터를 처리하여 다시 웹 브라우저에게 보내줍니다. 이와같이 WWW에서 양방향 정보 교환을 위해서 사용하는 것이 폼 필드입니다.
폼 필드를 사용할 때는 한 가지 주의할 점이 있습니다. 폼 필드는 거의 대부분 자바스크립트나 CGI 프로그램 등과 같이 사용되어야 한다는 것입니다. 나모 웹에디터 편집화면에서 만든 폼 필드는 단순히 데이터를 전달할 수 있는 형식을 제공하는 것으로, 데이터를 처리하는 프로그램까지 내장하고 있지는 않습니다. 따라서 적당한 자바 스크립트나 CGI 등과 연동할 수 있게 해주어야 합니다. 다만, 카운터와 방명록의 경우는 스크립트 마법사 기능을 통해 자동으로 만들 수 있습니다.


데이터전달
데이터 전달 방법

폼 필드는 입력된 데이터를 Name/Value의 형태로 서버에 전달합니다. 여기서 Name은 전달되는 데이터의 이름, Value는 값을 의미합니다. 예를 들어, Name을 "namo", Value를 "1"으로 정한다면 서버는 "namo"라는 이름의 데이터 값 "1"을 받아서 처리를 합니다.


 펼침 목록 메뉴 속성 대화 상자

요약: 펼침 목록 메뉴를 만들 때 사용합니다.

 펼침 목록 메뉴란?

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 펼침 목록 메뉴의 이름을 결정합니다. 이름은 영문으르 사용하는 것이 좋습니다.

•	선택된 항목, 값 입력창 : 펼침 목록 메뉴를 이용해서 서버에 보내는 데이터의 항목과 값을 보여줍니다. 데이터의 항목은 서버로 보낼 데이터의 이름이며 값은 이 데이터의 실제 값입니다.

•	추가 버튼: 새로운 항목을 추가합니다.

•	수정 버튼: 이미 입력한 항목을 수정합니다.

•	삭제 버튼: 선택된 항목을 삭제합니다.

•	위로 이동 버튼: 위쪽의 항목을 선택합니다.

•	아래로 이동 버튼: 아래쪽의 항목을 선택합니다.

•	높이 입력창: 펼침 목록 메뉴의 높이를 지정합니다.

•	다중 선택 허용: 펼침 목록 메뉴에 있는 내용 가운데 여러 항목을 선택할 수 있게 만듭니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다.  펼침목록 메뉴는 "OnmouseOut", "OnmouseOver", "OnClick" 이벤트만 스크립트에 연결할 수 있습니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


펼침 목록 메뉴
펼침 목록 메뉴란?

펼침 목록 메뉴는 폼 필드 중 하나입니다. 펼침 목록 메뉴는 몇 개의 항목 중 하나를 선택하는 경우에 사용합니다. 예를 들어, 여러 가지 제품 중 하나를 선택할 경우 펼침 목록 메뉴를 사용할 수 있습니다.


 펼침 목록 설정 대화 상자

요약: 펼침목록 메뉴를 이용해서 서버에 보내는 데이터의 항목과 값을 지정합니다.

•	내용: 서버로 보낼 데이터의 이름을 정합니다.

•	값:  데이터의 실제 값을 정합니다.

•	선택된 상태: 펼침 목록 메뉴의 초기값을 선택된 상태로 설정합니다.


이벤트와 스크립트 연결 대화 상자
 폼을 위한 이벤트와 스크립트 연결 대화 상자

요약: 폼과 자바스크립트 또는 비주얼 베이직 스크립트를 연결합니다.

 이벤트란?

 이벤트와 스크립트는 어떤 관계인가?

 나모 웹에디터에서 이벤트와 스크립트를 연결시키는 방법은?

대화 상자 설명: 왼쪽에 현재 사용할 수 있는 이벤트, 오른쪽에 스크립트를 보여줍니다. 오른쪽의 스크립트가 사용할 수 있는 이벤트가 활성화 됩니다. 폼 필드에 따라 사용 가능한 이벤트가 다를 수 있습니다. 문서에서 사용할 스크립트는 미리 만들어 두어야 합니다.

•	onClick: 마우스를 클릭했을 때 발생하는 이벤트입니다.

•	onFocus: 탭 키나 마우스로 해당 폼 필드를 활성화 시켰을 때 발생하는 이벤트입니다.

•	onBlur: 해당 폼 필드가 비활성화 되었을 때 발생하는 이벤트입니다.

•	onSelect: 폼 필드의 내용을 선택했을 때 발생하는 이벤트입니다.

•	onChange: 폼 필드의 내용이 바뀐 채 활성 상태가 종료되었을 때 발생하는 이벤트입니다.


이벤트
이벤트란?

마우스 클릭, 마우스 포인터 이동, 키보드 입력 등의 동작을 이벤트라고 합니다.


이벤트와 스크립트
이벤트와 스크립트는 어떤 관계인가?

어떤 그림 위로 마우스 포인터를 올려 놓았을 때 그림이 변한다던지,  마우스를 클릭했을 때 특정 대화 상자를 보여 준다던지 하는 것은 이벤트와 스크립트가 연결되어 동작하기 때문에 가능합니다.
스크립트는 그림이 바뀌거나 특정 대화 상자를 보여 주는 것 등의 효과를 위해 미리 준비해 둔 일종의 프로그램입니다. 스크립트로 미리 준비된 효과들 중 특정 효과를 실행시키기 위해서는 일종의 신호, 즉 이벤트가 필요합니다. 이렇게 이벤트와 특정 효과를 내는 스크립트가 연결 되어 있어야 스크립트가 제대로 동작할 수 있습니다.


이벤트 연결

"폼을 위한 이벤트와 스크립트 연결" 대화 상자의 오른쪽 창에서 스크립트를 선택하면 사용 가능한 이벤트가 활성화 됩니다. 이때 적절한 이벤트에 화살표 버튼을 눌러 연결합니다.


 그림 폼 필드 속성 대화 상자

요약: 그림 폼필드를 만들 때 사용합니다.

 그림 폼 필드는 어떤 일을 하나?

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 그림 폼 필드의 이름을 결정하여 입력합니다. 이름은 영문을 사용하는 것이 좋습니다.

•	그림 속성:
   소스 - 그림 폼 필드로 사용할 그림의 위치를 입력합니다. 그림의 위치는 URL이나 경로 모두 가능합니다.
   수직 정렬 - 폼 필드로 사용한 그림의 주위에 글을 배치하는 방법을 결정합니다.

•	찾아보기 버튼: 그림 폼 필드로 사용할 그림을 자신의 하드 디스크에서 찾습니다.

•	클립아트 버튼: 클립아트에서 그림 폼 필드로 사용할 그림을 선택합니다.

•	그림 복사하기 확인 상자: 선택한 그림을 문서가 있는 폴더로 복사할 지 결정합니다. 초기값은 문서가 있는 폴더 밑의 images 폴더입니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에서 지원하지 않는 태그를 추가합니다.


그림 폼필드
그림 폼필드의 역할

다른 폼 필드와 같이 그림 폼 필드도 서버에 데이터를 전달 합니다. 다만 그림 폼 필드는 마우스 포인터로 클릭한 지점의 X, Y 좌표를 서버에 전달합니다.


 누름 단추 속성 대화 상자

요약: 폼 필드에 입력한 내용을 서버로 전달, 초기화할 때 사용합니다.

 누름 단추란?

•	이름: 누름 단추의 이름을 결정하여 입력합니다. 누름 단추의 이름은 서버에 각 데이터가 넘겨졌을 때 서버가 데이터의 내용을 해석하기 위하여 사용하며 웹 브라우저에는 보이지 않습니다.

•	값: 누름 단추 위에 보일 텍스트를 입력합니다. 값을 입력하지 않았을 경우 Submit Query가 기본으로 사용됩니다.

•	단추 유형:
   일반 - 누름 단추를 스크립트와 연결 시킬 때 사용합니다.
   제출 - 문서의 폼 필드에 있는 내용을 서버에 보낼 때 사용합니다.
   내용 취소 - 문서의 폼 필드에 입력한 내용을 취소할 때 사용합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다. 누름 단추는 "onClick" 이벤트만 스크립트에 연결할 수 있습니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


누름 단추

HTML에서 제공하는 폼 필드에는 사용자가 데이터를 입력할 수만 있습니다. 일단 입력된 데이터는 서버로 보내져야 하는데 이때 누름 단추가 이용됩니다. 누름 단추는 폼 필드에 입력된 데이터를 지울 때도 사용합니다. 또한 누름 단추는 스크립트와 연결하여 다른 역할을 할 때도 사용할 수 있습니다.


 라디오 단추 속성 대화 상자

요약: 라디오 단추를 만들 때 사용합니다.

 라디오 단추란?

 라디오 단추를 사용하는 방법

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 라디오 단추 폼 필드에 사용될 항목의 이름을 입력합니다. 같은 범주에 들어갈 항목은 같은 이름을 가져야 합니다.

•	값: 항목이 가질 값을 결정하여 입력합니다.

•	시작 상태:
   선택된 상태 - 항목이 선택된 상태로 웹 브라우저에서 보입니다.
   선택 안된 상태 - 항목이 선택되지 않은 상태로 웹 브라우저에서 보입니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다.  누름 단추는 onClick 이벤트만 스크립트에 연결할 수 있습니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


리디오단추
라디오 단추란?

폼 필드 가운데 하나로 몇 가지 항목 중에서 한 가지만 선택할 때 사용합니다. 예를 들어, 사용자의 연령대 처럼 10대, 20대, 30, 40대, 50대 중 한 가지만 선택해야 할 때 사용합니다.


라디오 단추 사용 방법

라디오 버튼은 여러 가지 항목 중 하나를 선택할 때 사용합니다. 이때 모든 항목은 같은 이름(Name)을 가져야 하지만 값(Value)은 달라야 합니다. 예를 들어, 국적이라는 범주안에 한국, 미국, 일본 등이 있을 때, 각각의 항목은 Country처럼 동일한 이름을 가져야 하며 값은 korea, usa, japan처럼 다른 값을 가져야 합니다.


말림 글상자 속성 대화 상자
 스크롤 글상자 속성 대화 상자

요약: 스크롤 글상자를 만들 때 사용합니다.

 스크롤 글상자란?

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 스크롤 글상자 폼 필드에 사용될 이름을 결정하여 입력합니다. 이름은 영문을 사용하는 것이 좋습니다.

•	초기값: 스크롤 글상자가 있는 페이지를 웹 브라우저로 읽을 때, 처음 스크롤 글상자에 나타날 내용을 입력합니다.

•	폭 글자 수: 글자 입력 창의 가로 크기를 글자 단위로 정합니다.

•	줄 수: 글자 입력 창의 세로 크기를 줄 단위로 정합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


말림글상자
스크롤 글상자란?

폼 필드 가운데 하나로 텍스트를 입력하여 서버에 보낼 때 사용합니다. 스크롤 글상자는 게시판, 방명록 등 인터넷에서 글을 쓸 때 많이 사용합니다.


 한 줄 글상자 속성 대화 상자

요약: 한 줄 글상자를 만들 때 사용합니다.

 한 줄 글상자란?

 폼 필드란?

 폼 필드에서 데이터는 어떻게 서버에 전달되나?

•	이름: 한 줄 글상자 폼 필드의 이름을 결정하여 입력합니다. 이름은 영문을 쓰는 것이 좋습니다.

•	초기값: 한 줄 글상자가 있는 페이지를 웹 브라우저로 읽을 때, 처음 한 줄 글상자에 나타날 내용을 입력합니다.

•	폭 글자수: 글자 입력 창의 가로 크기를 글자 단위로  정합니다.

•	최대 길이: 입력 창에 입력할 수있는 최대 글자 수를 정합니다. 한글은 영문과 달리 2 Byte를 사용하므로 원하는 글자 수의 두 배를 써주어야 합니다.

•	유형:
   일반 - 입력 창에 내용을 입력하는 그대로 보여줍니다.
   암호 - 입력 창에 입력하는 내용을 **** 형태로 보여줍니다.
   파일 - 파일을 폼의 내용에 덧붙일 때 사용합니다. 파일 이름을 직접 폼 안에 입력할 수 있습니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	이벤트 버튼: 자바스크립트 또는 비주얼베이직 스크립트를 마우스 클릭 등의 이벤트에  연결합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


한줄글상자
한 줄 글상자란?

폼 필드 가운데 하나로 한 줄의 텍스트를 입력하고, 그 내용을 서버에 전달할 때 사용합니다.


 속성 이름과 값 대화 상자

요약: 새롭게 추가할 태그의 속성을 추가합니다.

•	이름: 추가할 속성 이름을 입력합니다.

•	값: 추가할 속성의 값을 입력합니다.


확장 이름과 속성 대화 상자
 확장 태그 이름과 속성 대화 상자

요약: HTML 4.0 규약에 없거나 HTML 소스에서 직접 삽입이 되지 않는 태그를 사용하고 싶을 때 사용합니다.

 확장 태그가 왜 필요한가?

•	태그 이름: 확장 태그로 사용할 태그 이름을 지정합니다.

•	이름과 값 입력 창: 추가 버튼을 이용하여 확장 태그가 사용할 이름과 속성을 지정합니다.

•	추가 버튼: 추가할 확장 태그의 이름과 값을 설정합니다.

•	수정 버튼: 이미 입력된 확장 태그를 수정합니다.

•	삭제 버튼: 이미 입력된 확장 태그를 삭제합니다.


확장태그
확장 태그가 필요한 이유

나모 웹에디터가 지원하는 인터넷 문서 규약인 HTML 4.0은 상당히 제한적입니다. 따라서 HTML 4.0이 지원하지 않는 규약을 사용할 필요가 있을 때는 웹에디터가 인식할 수 있게  확장 태그로 정의해 주어야 합니다. 또한 HTML 소스에 직접 입력했을 때 나모 웹에디터가 자동으로 없애는 태그도 이 기능을 이용해서 삽입할 수 있습니다. 이와같이 나모 웹에디터가 지원하지 않는 태그는 확장 태그로 정의하여 사용해야합니다.


 다른 형식으로 열기 대화 상자

요약: HTML 문서가 아닌 파일을 읽어 들이는 방법을 결정합니다.

•	여는 유형:
   텍스트(줄) - 읽어들일 텍스트 문서의 모든 줄을 유지합니다. 각 줄을 유지하기 위해 읽어들일 줄 마다 문단 기호를 삽입하여 모든 줄 사이에 한 줄씩 간격이 벌어지게 됩니다.
   텍스트 (문단) - 텍스트 문서의 문단을 유지합니다. 문단을 유지하기 위해 각 문단의 끝에 해당하는 곳에만 문단 기호를 삽입하게 되어 문단과 문단 사이에서만 한 줄씩 간격이 벌어집니다.
   HTML - 파일의 확장자에 상관없이 불러 들이는 모든 파일을 HTML 파일로 간주하여 그대로 읽어 들여 원본 파일의 형태와 같은 형태로 보여줍니다.

•	형식 유지 확인 상자: 원본 파일의 줄이나 문단 모양을 최대한 유지한 상태에서 읽어 들일 때 사용합니다.


 다른 형식으로 저장 대화 상자

요약: 작업 중인 문서를 HTML이 아닌 다른 형식으로 저장합니다.

•	파일 이름: 다른 이름으로 저장할 파일의 이름을 결정하여 입력합니다.

•	저장할 유형:
   텍스트(줄) - HTML 문서를 줄 단위의 텍스트 문서로 저장합니다.
   텍스트(문단) - HTML문서의 문단을 유지하여 텍스트 문서로 저장합니다. HTML문서에서의 각 문단은 텍스트 문서에서 각 한 줄로 표시됩니다.
   HTML - 현재 문서를 HTML 태그가 포함된 소스 그대로 저장합니다.


파일에서 찾기 대화 상자
 사이트에서 찾기 대화 상자

요약: 원하는 문자열을 갖고 있는 파일을 찾아줍니다. 프로젝트가 열려 있을 때만 사용할 수 있습니다.

•	찾을 내용: 찾기를 원하는 문자열을 입력합니다.

•	대소문자 구별 -  찾을 영문 문자열의 대소문자를 구별하여 찾습니다.

•	낱말 단위로 -  찾을 문자열을 낱말 단위로 찾습니다.

•	HTML 소스에서 찾기 - 찾을 문자열을 HTML 소스에서 찾습니다. 따라서 특정 HTML 태그도 찾을 수 있습니다.


글꼴 속성 대화 상자 확장 모양 탭
 확장 모양 탭

요약: 글자의 모양을 다양하게 설정합니다.

주의: 일부 웹 브라우저에서는 여기에 나오는 글꼴 모양 중 극히 일부의 글꼴만 지원하거나, 글꼴 선택 자체를 지원하지 않는 것도 있습니다.

•	인용: 주로 책 이름 등에 쓰는 글자 모양입니다.

•	코드: 코드 샘플이나 타자기 글꼴과 비슷한 모양입니다.

•	글자판: 타자기 글꼴과 비슷한 모양입니다.

•	깜박임: 선택된 내용의 글씨를 깜박이게 합니다. 일부 웹 브라우저에서는 깜박임 기능을 지원하지 않습니다.

•	정의: 이탤릭체와 같은 모양입니다.

•	예제: 타자기 글꼴과 비슷한 모양입니다.

•	강한 강조: 진하게 나타낸 부분은 강한 강조에 씁니다.

•	강조: 이탤릭 모양입니다.

•	변수: 변수 이름은 보통 이탤릭체를 씁니다.

•	첫번째 글꼴: 문서에주 사용할 글꼴을 지정합니다.

•	두번째 글꼴: 첫번째 글꼴이 없을 때 보여줄 대체 글꼴을 지정합니다.

•	보기: 확장 모양에서 지정한 글꼴 속성을 미리 보여줍니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


글꼴 속성 대화 상자 모양 탭
 모양 탭

요약: 글자의 모양을 설정합니다.

•	모양: 선택된 내용을 진하게, 이탤릭, 밑줄, 취소선, 타자기와 같은 글꼴 속성으로 지정합니다.

•	위/아래 첨자: 선택된 내용을 윗첨자나 아래첨자, 보통 글씨로 지정합니다.

•	크기: 글자 크기를 1부터 7까지 가운데 하나로 선택할 수 있습니다. 보통 크기는 3 (12 포인트)입니다. 이 크기는 HTML 규약에 따라 7가지만 지원합니다.

•	색깔: 글자 색깔을 선택합니다. 기본색은 검정색입니다.

•	보기: 모양에서 지정한 글꼴 속성을 미리 보여줍니다.


폼 속성 대화 상자 일반 탭
 일반 탭

요약: 폼 속성에 관한 내용을 확인, 수정합니다.

•	정보:
   폼 이름 - 폼의 이름을 입력합니다.
   대상 프레임 - 폼이 프레임과 연결되어 있을 때, 해당 프레임의 이름을 입력합니다.

•	설정:
   실행 - 폼에 있는 데이터가 전달될 서버의 URL을 입력합니다. 아무 내용도 입력하지 않으면 현재 문서의 URL을 사용합니다
   방법 - 폼에 있는 데이터를 서버에 전달하는 방법을 선택합니다. GET과 POST, 두 가지 방법이 있습니다.
   인코딩 유형 - 폼에 있는 데이터를 인코딩하는 유형을 입력합니다. 아무 내용도 입력하지 않으면 초기 설정된 인코딩 방법 (application/x-www-form-urlencoded)을 사용합니다.

•	숨김 필드 버튼: 숨김 필드를 폼에 삽입합니다.

•	폼 지우기 버튼: 폼을 지웁니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 숨김 필드 대화 상자

요약: 숨김 필드에 속성과 값을 추가합니다.

 숨김 필드란?

•	이름과 값 창: HTML에서 숨김 필드를 입력할 때 사용되는 태그 이름이 나타납니다. 이 태그 이름은 HTML에서 사용되는 고유한 것이므로 사용자가 바꿀 수 없습니다.

•	추가: 숨김 필드에서 사용될 데이터의 이름과 값을 추가합니다.

•	수정: 입력한 항목을 수정합니다.

•	삭제: 선택한 항목을 삭제합니다.


숨김필드
숨김 필드란?

일반적으로 폼 필드는 사용자들이 입력한 데이터를 서버로 보냅니다. 반면 숨김 폼 필드는 사용자에게 보이지 않기 때문에 데이터를 입력할 수 없고, 다른 데이터가 전송될 때 같이 서버에 전달됩니다. 숨김 폼필드는 방문자와 관련된 정보가 필요할 때 많이 사용됩니다.


 모양 복사하기 대화 상자

요약: 마우스 포인터가 위치한 곳의 속성을 저장합니다.

 언제 모양 복사하기를 사용하나?

•	마우스 포인터가 위치한 곳에 지정되어 있는 속성이 활성화되어 나타납니다.

•	글자 속성, 문단 속성, 하이퍼링크, 책갈피, 표 속성, 셀 속성, 글자색, 배경색, 문서 속성 중 원하는 속성만 복사해 둡니다.


 프레임 속성 대화 상자

요약: 프레임의 속성을 설정합니다.

 프레임이란?

 프레임셋과 프레임의 차이는?

 프레임을 이용해 문서를 만들면 몇 개의 파일이 만들어지는데...?

•	소스: 현재 프레임에 들어갈 HTML 문서의 이름과 경로를 입력합니다. 찾아 보기 버튼으로 필요한 HTML 파일을 쉽게 찾을 수도 있습니다.

•	이름: 현재 프레임의 이름을 결정합니다. 프레임의 이름은 프레임에 나타날 HTML 파일과는 관련이 없습니다. 프레임의 이름은 하이퍼 링크를 만들 때 이용되므로 반드시 지정하셔야 합니다.

•	기본 대상 프레임: 현재 프레임에서 하이퍼 링크를 만들 때 링크된 내용이 나타날 프레임을 지정합니다. 기본적으로 parent, self, top, blank가 있고, 임의로 정해준 프레임 이름을 사용할 수도 있습니다.
   _parent : 현재 문서를 불렀던 이전 화면으로 돌아가 링크된 내용을 보여줍니다.
   _self : 현재 프레임에 링크된 내용을 보여줍니다.
   _top : 프레임을 모두 없애고 웹 브라우저 화면 전체에 링크된 내용을 보여줍니다.
   _blank : 새로운 웹 브라우저를 하나 더 열어 링크된 내용을 보여줍니다.

•	크기:
   폭 - 현재 프레임의 폭을 결정합니다.
   높이 - 현재 프레임의 높이를 결정합니다.
      단위: %... 웹 브라우저의 크기를 기준으로 % 단위로 크기를 결정합니다.
              픽셀... 픽셀 단위로 크기를 결정합니다.
              *(상대적)... 이 단위를 %나 픽셀과 같이 사용하면, 다른 단위가 차지하고 남은 부분을 프레임 크기로 정합니다.

•	여백:
   폭 - 여백의 폭을 결정합니다.
   높이 - 여백의 높이를 결정합니다.

•	선택사항:
   크기 재조절 - 웹 브라우저로 문서를 본 사용자가 임의로 프레임의 크기를 조절할 수 있게 합니다.
   말림 막대 - 막림 막대, 즉 스크롤바를 보여주거나 숨길 때, 또는 문서의 크기에 따라 자동으로 보여줄지를 정합니다.

•	프레임셋:
   경계선 두께 - 현재 프레임의 경계선 두께를 결정합니다. 두께를 "0"으로 하면 두 개의 프레임이 하나의 문서처럼 보이게 할 수 있습니다.
   스타일 버튼 - 프레임셋에서 CSS 스타일을 지정합니다.
   확장 버튼 - HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


프레임
프레임이란?

HTML 문서에서는 하나의 화면에 몇 개의 창을 만들수 있는데 이것을 프레임이라고 합니다. 프레임을 사용하면 한 번에 여러가지 문서를 동시에 보여줄 수 있습니다.


프레임과 프레임셋
프레임셋과 프레임

프레임셋은 하위 HTML 문서, 즉 프레임의 레이아웃을 정의합니다. 다시 말해, 화면이 몇 개의 프레임으로 나누어져 있는지, 각 프레임에는 어떤 문서가 들어가는지 등에 관한 정보를 담고 있습니다.
반면 프레임은 일종의 창(window)으로, HTML 문서를 불러 그 안에 보여줍니다. 프레임에서 보여지는 HTML 문서는 보통 HTML 문서와 같습니다. 프레임의 모양, 즉 창의 모양은 프레임 속성을 이용하여 조절할 수 있습니다.


프레임과 파일수
프레임에 필요한 파일 수

프레임을 이용해 문서를 만들기 위해서는, 각 프레임에 들어갈 HTML 파일들과 프레임에 관한 정보를 갖고 있는 프레임셋 파일이 필요합니다. 따라서 프레임을 이용해 문서를 만들면 프레임 수만큼의 HTML 파일과 하나의 프레임셋 파일이 만들어 집니다.


 수평선 속성 대화 상자

요약: 수평선의 속성을 조절합니다.

•	크기:
   폭 - 수평선의 폭을 결정합니다. 단위는 창 크기에 대한 %나 픽셀 중 선택할 수 있습니다.
   높이 - 수평선의 높이를 결정합니다.

•	정렬: 수평선의 정렬을 결정합니다.

•	속이 찬 선: 속이 찬 선과 속이 빈 선 중 하나를 선택합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 사이트 출판 정보 대화 상자

요약: 홈페이지 문서를 출판(전송)할 웹 서버의 정보를 설정합니다.

 HTTP와 FTP란?

•	FTP:
   사이트 이름 - 출판할 사이트의 이름을 정합니다. 사이트 이름은 사용자가 마음대로 정할 수 있습니다.
   호스트 - HTML 문서를 출판할 FTP 호스트 이름을 입력합니다. FTP 호스트는 HTTP 주소와 같을 수도 있고 다를 수도 있습니다. 자세한 내용은 자신의 홈페이지를 올릴 서비스 회사에 문의하셔야 합니다.
   디렉토리 - 문서 디렉토리의 이름을 입력합니다. 문서 디렉토리란 홈페이지를 구성하는  HTML 문서를 넣어두는 디렉토리로, 인터넷 서비스 회사마다 다를 수 있습니다. 자세한 내용은 인터넷 서비스 회사에 문의하셔야 합니다.
   사용자 - 자신의 아이디(ID)를 입력합니다.
   암호 - 자신의 암호를 입력합니다.
   포트 - 홈페이지를 웹 서버에 올릴 때 사용할 포트를 지정합니다. 일번적으로 21번 포트를 사용하므로 필요한 경우에만 수정하시기 바랍니다.
   Passive Mode - Passive Mode를 끄거나 켭니다. Passive Mode는 FTP 서비스 형태입니다.

•	HTTP:
   주소(URL) - 홈페이지의 주소를 입력합니다. 예를 들어, http://www.namo.co.kr/~namo/와 같이 자신의 홈페이지 주소를 입력합니다.


HTTP/FTP
HTTP와 FTP란?

HTTP는 Hyper Text Transfer Protocol의 약자로 웹 브라우저를 이용하여 인터넷에 있는 홈페이지를 읽어 들이거나 전송할 때 사용하는 규약입니다.
FTP는 File Transfer Protocol의 약자로 파일을 전송할 때 사용하는 규약입니다. FTP는 주로 작성한 홈페이지 파일을 웹 서버에 올릴 때 사용됩니다.


 사이트 출판 정보 목록 대화 상자

요약: 홈페이지를 출판할 웹 서버의 목록을 보여줍니다.

•	추가 버튼: 새로운 출판 정보를 추가합니다.

•	수정 버튼: 이미 존재하는 출판 정보를 수정합니다.

•	삭제 버튼: 목록에 있는 항목을 삭제합니다.

•	닫기 버튼: 사이트 출판 정보 목록 대화 상자를 닫습니다.


 하이퍼링크 속성 대화 상자

요약 : 하이퍼링크를 만듭니다.

 하이퍼링크란?

•	주소(URL): 링크할 URL을 입력합니다. 만일 같은 서버 안에 있는 문서라면 경로와 파일 이름만 입력해도 됩니다.

•	대상 프레임: 프레임에서 하이퍼링크를 만들 때, 링크된 내용이 나타날 프레임을 지정합니다. 기본적으로 parent, self, top, blank가 있고, 임의로 정해준 프레임 이름을 사용할 수도 있습니다.
   _parent -  현재 문서를 불렀던 이전 화면으로 돌아가 링크된 내용을 보여줍니다.
   _self - 현재 프레임에 링크된 내용을 보여줍니다.
   _top - 프레임을 모두 없애고 웹 브라우저의 화면 전체에 링크된 내용을 보여줍니다.
   _blank - 새로운 웹 브라우저를 하나 더 열어 링크된 내용을 보여줍니다.

•	찾아보기 버튼: 링크를 만들 문서를 하드 디스크에서 찾습니다.

•	열린 파일 버튼: 현재 편집 창에 열려 있는 다른 문서로 하이퍼링크를 만듭니다.

•	URL 삭제 버튼: 주소(URL)에 입력한 내용을 모두 삭제합니다.

•	주소(URL) 요소:
   방식 - 하이퍼링크 방식을 결정합니다. 일반적인 하이퍼링크를 만들기 위해서는 http를 사용하고, 메일 프로그램을 동작시키기 위해서는 mailto를 선택합니다. mailto를 선택했을 경우에는 주소(URL)에 mailto:가 나타나고 바로 다음에 webeditor@namo.co.kr과 같은 전자 우편 주소를 입력합니다.
   경로 인코드 - URL에 쓰인 특수 문자를 약속된 방식으로 변경합니다.
   경로 디코드 - URL에 쓰인 특수 문자를 그대로 사용합니다.
   호스트, 경로 - 주소(URL)에 http://www.namo.co.kr/index.html과 같이 입력하면 자동적으로 호스트에 www.namo.co.kr, 경로에 /index.html과 같이 나타납니다.
   책갈피 - 링크할 문서에 책갈피가 지정되어 있을 경우에만 사용할 수 있습니다. 책갈피를 지정해 주면 링크할 문서에서 책갈피가 지정된 특정 부분으로 링크합니다.
   매개변수, 질의어 - CGI 등을 사용할 때 이용합니다. 매개변수 입력 창에 입력한 내용은 주소(URL)에서 ; 다음에, 질의어 입력 창에 입력한 내용은 ? 다음에 나타납니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


하이퍼링크
하이퍼링크란?

인터넷에서 문서들은 거미줄처럼 엮여 있습니다. 이런 이유로 인터넷을 월드 와이드 웹(World Wide Web)이라고도 합니다. 하이퍼링크란 문서들의 연결점이라고 볼 수 있는데, 한 문서에서 다른 문서로 링크 시키기 때문에 하이퍼링크라고 합니다.


그림 속성 대화 상자 모양 탭
 모양 탭

요약: 문서에 삽입한 그림의 모양을 확인, 설정합니다.

•	정렬: 본문 내용을 그림의 위, 중간, 아래에 맞추거나, 오른쪽이나 왼쪽으로 흐르게 합니다.

•	크기: 그림의 폭과 높이를 픽셀 단위로 지정합니다. "크기 재계산" 버튼을 이용하면 크기가 변경된 그림을 원래 크기로 되돌릴 수 있습니다.

•	공간:
   수평, 수직 - 그림 주위에 들어갈 공간을 픽셀 단위로 지정합니다. 테두리 선 색깔은 검정색입니다. 만일 그림에 하이퍼링크가 만들어져 있다면 링크에 지정된 색깔이 나타납니다.
   테두리 - 테두리의 두께를 지정합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


그림 속성 대화 상자 일반 탭
 일반 탭

요약: 문서에 그림을 삽입할 때 사용합니다.

•	그림 소스:
   소스 - 사용하려는 그림의 경로와 파일명을 입력합니다. 사용할 수 있는 그림 파일의 종류는 *.GIF와 *.JPG입니다.
   저해상도 - 웹 브라우저가 그림 파일을 읽는 동안 보여줄 저해상도의 그림 파일을 지정합니다. 이 내용은 지정하지 않아도 됩니다.
   보충 설명 - 그림에 대한 설명을 입력합니다.
   그림 복사 - 그림 파일을 작업 중인 문서가 있는 폴더를 기준으로 어디에 복사할 지를 지정합니다. 초기값은 문서가 있는 폴더 밑의 images 폴더입니다.

   클립아트 버튼 - 클립아트에 있는 그림 파일을 찾습니다.

•	하이퍼링크:
   주소 - 그림에 하이퍼링크를 만들었을 때, 링크된 주소를 보여줍니다.
   대상 프레임 - 대상 프레임이 지정되어 있을 경우, 대상 프레임을 보여줍니다.


웹에서 가져오기 고급 탭
 고급 탭

요약: 웹에서 파일을 가져올 때 필요한 여러가지 사항을 설정합니다.

•	한계지정: 가져올 파일의 최대 크기, 갯수 등을 설정합니다.

•	링크 바꾸지 않기: 가져올 파일에 있는 링크를 그대로 둡니다.

•	포함 또는 제외할 파일 타입: "확장자 입력 창"에 설정한 파일을 받을지, 받지 않을지를 결정합니다.

•	확장자: 가져올 파일의 특정 형식을 지정합니다.


웹에서 가져오기 대화 상자 인증 탭
 인증 탭

요약: 웹에서 가져올 홈페이지의 소유자임을 확인합니다.

•	비밀번호 요구시:
   사용자 이름 - 홈페이지 계정 아이디(ID)를 입력합니다.
   비밀번호 - 계정의 비밀번호를 입력합니다.
   비밀번호 확인 - 다시 한 번 비밀번호를 입력합니다.


웹에서 가져오기 일반 탭
 일반 탭

요약: 웹에서 파일을 가져올 때 사용할 기본적인 값을 설정합니다.

•	URL: 가져올 홈페이지의 URL을 입력합니다.

•	저장할 프로젝트: 가져온 홈페이지가 사용할 프로젝트 파일의 이름을 입력합니다.

•	저장할 디렉토리: 가져온 홈페이지를 저장할 폴더를 지정합니다.

•	그림 가져오기: 홈페이지를 가져올 때, 그림도 같이 가져옵니다.

•	다른 서버에서 그림 가져오기: 가져올 홈페이지가 다른 서버에 있는 그림을 사용할 때, 다른 서버에 있는 그림도 함께 가져옵니다.

•	지정할 경로 이하의 파일만 가져오기: 지정한 경로에 있는 파일만 가져옵니다.

•	깊이: 몇 단계의 링크로 연결된 문서까지 가져올지 결정합니다.

•	옵션: 파일을 가져오는 방식을 결정합니다.


 웹에서 가져오기 대화 상자

요약: 웹 서버에 있는 홈페이지 전체를 가져옵니다.

•	URL 창: 가져올 홈페이지 URL 목록을 보여줍니다.

•	상태 창: 홈페이지를 가져올 때 상태를 보여줍니다.

•	가져오기 버튼: 선택한 URL의 파일을 가져옵니다.

•	중지 버튼: 웹에서 가져오기를 중지합니다.

•	닫기 버튼: 웹에서 가져오기 대화 상자를 닫습니다.

•	새로 만들기 버튼: 가져올 홈페이지 URL을 목록에 추가합니다.

•	수정 버튼: 선택된 항목의 내용을 수정합니다.

•	삭제 버튼: 선택된 항목을 삭제합니다.


 점으로 된 목록 항목 속성 대화 상자

요약: 목록을 만들 때 사용할 점의 모양을 선택합니다.

•	둥근점: 둥근점을 이용하여 목록을 만듭니다.

•	네모점: 네모점을 이용하여 목록을 만듭니다.

•	원: 원을 이용하여 목록을 만듭니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 숫자로 된 목록 항목 속성 대화 상자

요약: 목록을 만들 때 사용할 숫자의 형태를 선택합니다.

•	종류: 1,2,3... a,b,c... A,B,C... i,ii,iii... I,II,III... 가운데 하나를 선택합니다.

•	번호: 목록의 시작 번호를 지정합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 차례 만들기 대화 상자

요약: 문서 개요를 이용한 문서의 차례를 만듭니다.

 차례 만들기란?

•	문서 개요를 이용한 차례에 하이퍼링크 달기: 차례를 만든 후 각 제목을 해당 내용에 링크 시킵니다.

•	하이퍼링크 만들 때 자동으로 책갈피 달기: 하이퍼링크를 만들 때, 해당 내용에 책갈피를 지정하여 연결합니다.

•	들여쓰기 간격: 들여쓰기 간격을 지정합니다.

주의: 위의 두 가지가 모두 선택되어 있어야 합니다.


차례만들기
차례 만들기란?

문서에 "제목1" ~ "제목6"을 이용한 문단이 있을 경우, 이 문단을 제목으로 차례를 만듭니다. "제목1"이 가장 큰 제목이 되며 "제목6"이 가장 작은 제목이 됩니다. 이때 제목에 사용되는 태그는 <h1> ~ <h6>입니다.


투명한 GIF 파일로 만들기 대화 상자
투명한 GIF 파일로 저장하기 대화 상자

요약: GIF 형식의 그림 파일에서 사용자가 지정한 색깔을 투명하게 만듭니다.

 투명한 GIF 파일로 저장?

•	저장할 위치 입력 창: 투명하게 만들 GIF 파일을 저장할 폴더와 파일 이름을 지정합니다.

•	투명색 종류: 투명하게 만들 파일의 색깔을 보여줍니다.

•	인터레이스: 웹 브라우저에서 그림을 읽어 올 때 조금씩 선명해지도록 그림 파일 속성을 설정합니다.


투명한 GIF
투명한 GIF 파일 저장

그림을 문서에 삽입할 때 그림의 배경색과 문서의 배경색이 달라 눈에 거슬릴 때가 간혹 있습니다. 이때마다 그래픽 툴을 이용하여 배경색을 고쳐주는 것은 상당히 번거운 일입니다. 이때 투명한 GIF 파일로 저장하기를 이용하여 그림의 배경색을 투명하게 하여 쉽게  문서의 배경색과 같이 만들 수 있습니다.


 ActiveX 콘트롤 속성 대화 상자

요약: ActiveX 콘트롤을 문서에 삽입합니다.

•	클래스 ID: 삽입할 ActiveX 콘트롤의 고유 클래스ID를 입력합니다. 모든 ActiveX콘트롤은 고유의 클래스ID를 가집니다. 펼침 목록을 누르면 현재 사용 가능한 ActiveX 콘트롤의 목록이 나타납니다.

•	ID: 삽입한 ActiveX 콘트롤을 스크립트 등에서 사용하기 위해 임의의 ID값을 부여합니다.

•	코드베이스: 사용자의 웹 브라우저 안에서 작동하는 ActiveX 콘트롤이 새로운 것으로 바뀌었을 때, 새롭게 업데이트할 ActiveX 콘트롤의 위치를 지정합니다.

•	데이터 파일: 데이터 파일을 지정합니다.

•	정렬: 그림의 정렬 방식과 동일합니다.

•	크기 :
  폭 / 높이 - 플러그인 파일을 보여주는 공간의 폭이나 높이를 지정합니다.

•	여백 :
   수평 / 수직 - ActiveX 콘트롤의 왼쪽과 오른쪽(수평), 위와 아래(수직)에 정해진 크기 만큼의 공간을 삽입합니다. 100을 입력하면 100 픽셀만큼의 공간이 좌우상하로 삽입됩니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.

•	매개 변수 버튼: ActiveX 콘트롤의 매개 변수를 입력할 때 사용합니다.


프로그램 설정 대화 상자 외부 프로그램 탭
 외부 프로그램 탭

요약: 나모 웹에디터에서 다른 프로그램을 실행 시킬 수 있게 지정합니다.

•	외부 프로그램:
   사용자 정의1 - 나모 웹에디터에서 다른 프로그램을 불러 사용할 수 있게 지정합니다.
   사용자 정의2 - 나모 웹에디터에서 다른 프로그램을 불러 사용할 수 있게 지정합니다.

•	웹 브라우저: 나모 웹에디터에서 작업하던 문서를 확인할 웹 브라우저를 지정합니다.


프로그램 설정 대화 상자 문서 초기값 탭
 문서 초기값 탭

요약: 문서의 초기값을 지정합니다.

•	색깔:
   배경 - 문서의 배경색을 지정합니다.
   글씨 - 문서의 글자 색깔을 지정합니다.
   하이퍼링크 - 하이퍼링크된 텍스트의 색깔을 지정합니다.
   열었던 하이퍼링크 - 한 번 열었던 하이퍼링크의 색깔을 지정합니다.
   열고 있는 하이퍼링크 - 링크된 문서를 열고 있을 때의 색깔을 지정합니다.

•	글꼴과 인코딩:
   문자셋 - 문서에서 사용할 문자셋을 지정합니다.
   가변폭 - 나모 웹에디터에서 기본적으로 사용할 가변폭 글꼴 종류를 지정합니다. 한글 Windows의 바탕, 돋움, 굴림, 궁서 등이 가변폭 글꼴입니다.
   고정폭 - 나모 웹에디터에서 기본적으로 사용할 고정폭 글꼴 종류를 지정합니다. 한글 Windows의 바탕체, 돋움체, 굴림체, 궁서체 등이 고정폭 글꼴입니다.

•	정보: 문서를 만든 사람의 이름을 입력합니다.


프로그램 설정 대화 상자 편집기 탭
 편집 탭

요약: 나모 웹에디터의 기본 편집 기능 상태를 설정합니다.

•	일반:
   삽입 키 전환 잠금 - 글자판에서 <Insert> 키를 눌러도 항상 삽입 모드로 남아 있도록 지정합니다.
   편집하던 문서를 자동으로 열기 - 나모 웹에디터를 실행 시킬 때, 이전에 작업하던 문서를 불러옵니다.
   입력 URL을 하이퍼링크로 자동 변환 - 편집 화면에서 URL을 입력하면 자동적으로 하이퍼링크를 만듭니다.

•	문서 읽기:
   문서 열 때, 숨은 설명 확인용 대화 상자 보기 - 문서를 열 때마다 숨은 설명 확인용 대화 상자를 보여줍니다.
   숨은 설명 지우고 열기 - 문서를 열 때 숨은 설명을 보여주지 않습니다.
   숨은 설명 그대로 열기 - 문서를 열 때 숨은 설명을 보여줍니다.
   탭 간격 -  나모 웹에디터로 텍스트 파일을 HTML 형식으로 열 때, 텍스트 파일에서 사용된 탭 코드를 몇 개의 빈 칸으로 바꾸어 읽을지 지정합니다.

•	맞춤법:
   자동 맞춤법 검사 - 작업 중인 문서의 맞춤법을 체크합니다.
   맞춤법 오류 숨기기 - 오류가 있는 단어에 생기는 빨간색 밑줄을 숨깁니다.

•	문서 저장:
   백업 파일 만들기 - 문서를 저장할 때 백업 파일을 만듭니다.
   자동 저장 - 작성하고 있는 문서를 일정 시간마다 저장합니다.
   자동 저장 간격 - 몇 분마다 문서를 저장할지 지정합니다.
   HTML 소스 너비 - HTML 탭에서 보여질 HTML 소스의 너비를 결정합니다.


프로그램 설정 대화 상자 인터넷 탭
 인터넷 탭

요약: 인터넷 사용 환경을 설정합니다.

 프락시 서버란?

 캐시란?

•	HTTP:
   외부 URL 파일을 저장할 때 FTP 사용 - URL 열기로 불러온 파일을 저장할 때 FTP로 저장합니다. 불러온 문서를 HTTP로 전송할 때는 이 항목을 선택하지 않습니다.
   HTTP 전송 상태 보기 - HTTP 전송 상태를 보여줍니다.
   오프라인으로 작업 - 인터넷과 연결되지 않은 상태에서 작업할 때 선택합니다.

•	DLL:
   NamoNet.DLL을 사용함 - 외부에 있는 문서를 불러오거나 전송할 때, 나모가 제공하는 NamoNet.DLL을 사용합니다.
   WinInet.DLL을 사용함 - 외부에 있는 문서를 불러오거나 전송할 때, 인터넷 탐색기(IE)가 제공하는 WinInet.DLL을 사용합니다.

•	프락시(DLL 항목의 NamoNet.DLL을 선택했을 때만 사용합니다.):
   프락시 사용 안 함 - 프락시 서버를 사용하지 않을 때 선택합니다.
   프락시 사용 - 프락시 서버를 사용할 때 선택합니다.
      HTTP: HTTP 사용을 위한 프락시 서버의 주소와 포트 번호를 입력합니다.
      FTP: FTP 사용을 위한 프락시 서버의 주소와 포트 번호를 입력합니다.
      예외: 프락시 서버를 사용하지 않는 서버의 주소를 입력합니다. 항목이 여러 개일 경우, 세미콜론(;)으로 분리합니다.

•	캐시(DLL 항목의 NamoNet.DLL을 선택했을 때만 사용합니다.): 캐시 사용 방법을 설정합니다.

•	디스크 캐시(DLL 항목의 NamoNet.DLL을 선택했을 때만 사용합니다.):
   디렉토리 - 캐시로 사용할 디렉토리와의 위치를 지정합니다.
   최대 크기 -  캐시의 최대 크기를 결정합니다.
   지우기 - 현재 저장된 캐시를 지웁니다.


프락시서버
프락시 서버란?

프락시 서버(Proxy Server)란 방문자가 많은 웹사이트의 정보와 내용을 저장해 두는 서버로, 방문자가 접속하면 서버에 직접 접속하지 않고 프락시 서버에서 바로 정보를 전송해 줍니다. 프락시 서버는 이와 같은 캐시 기능 외에 보안 기능에도 사용될 수 있습니다.


캐시
캐시란?

사용자가 자주 사용하는 문서, 그림과 같은 파일을 임시로 저장해 놓는 것을 캐시라고 합니다. 캐시 기능을 이용하면, 외부에 있는 파일을 직접 가져오지 않고, 캐시에 저장된 내용을 곧바로 가져오기 때문에 훨씬 빠르게 파일을 불러 올 수 있습니다.


프로그램 설정 대화 상자 프로젝트 탭
 프로젝트 탭

요약: 프로젝트를 열고 작업할 때의 환경을 설정합니다.

•	확인:
   링크를 고칠 때 항상 확인하기 - 프로젝트에 포함된 파일 안의 링크를 고칠 때 항상 확인 대화 상자를 보여줍니다.
   파일을 가져올 때 항상 확인하기 - 파일을 가져올 때 항상 확인 대화 상자를 보여줍니다.
   파일을 지울 때 항상 확인하기 - 파일을 지울 때 항상 확인 대화 상자를 보여줍니다.
   파일 덮어 쓸 때 항상 확인하기 - 파일을 덮어 쓸 때 항상 확인 대화 상자를 보여줍니다.


 쪽 나누기 대화 상자

요약: HTML 문서의 쪽을 나눕니다.

 쪽 나누기란?

•	문단 앞, 쪽 나누기:
   나누기 - 마우스 포인터가 위치한 현재 문단 앞에 쪽 나누기를 합니다.
   짝수쪽 - 쪽 나누기한 다음 페이지를 인쇄할 때 짝수쪽으로 인쇄합니다.
   홀수쪽 - 쪽 나누기한 다음 페이지를 인쇄할 때 홀수쪽으로 인쇄합니다.
   금지 - 문단 앞에서 쪽 나누기를 할 수 없게 설정합니다.
   해제 - 문단 앞에서 쪽나누기 금지를 해제합니다.

•	문단 안, 쪽 나누기:
   금지 - 문단 안의 쪽 나누기를 할 수 없게 설정합니다.
   해제 - 문단 안 쪽 나누기 금지를 해제합니다.

•	문단 다음, 쪽 나누기:
   나누기 - 마우스 포인터가 위치한 현재 문단의 뒤에 쪽 나누기를 합니다.
   짝수쪽 - 쪽 나누기한 다음 페이지를 인쇄할 때 짝수쪽으로 인쇄합니다.
   홀수쪽 - 쪽 나누기한 다음 페이지를 인쇄할 때 홀수쪽으로 인쇄합니다.
   금지 - 문단 뒤에서 쪽 나누기를 할 수 없게 설정합니다.
   해제 - 문단 뒤에서 쪽 나누기 금지를 해제합니다.


쪽나누기
쪽 나누기란?

CSS2에서 지원하는 것으로, 인쇄할 페이지를 사용자가 나눌 수 있습니다. 웹 브라우저 화면 안에서 쪽 나누기는 나타나지 않습니다.


 쪽 설정 대화 상자

요약: 프린트할 문서의 모양을 설정합니다.

•	여백(미리미터): 밀리미터 단위로 문서의 위, 아래, 오른쪽, 왼쪽의 여백을 설정합니다.

•	머리/꼬리글: 문서의 제목, 쪽수, 날짜, 시간, 파일 이름 등을 머리/꼬리글에 나타나도록 설정합니다. 위의 내용이 나타나는 위치는
1. 왼쪽 상단
2. 오른쪽 상단
3. 왼쪽 아래
4. 오른쪽 아래입니다.

원하는 내용을 인쇄된 페이지에 나타내기 위해서는 입력 창에  다음과 같은 명령을 입력해야 합니다.
날짜 - &date
시간 - &time
파일명 - &filename
쪽수 - &page
제목 - &title
모두 -  &total

•	머리/꼬리글 위치(밀리미터): 머리글과 꼬리글의 위치를 결정합니다.

•	쪽 시작번호: 쪽 시작 번호를 결정합니다.

•	배경 그림 인쇄하기: 문서의 배경 그림을 인쇄할지 결정합니다.

•	초기값 버튼: 변경된 값을 초기값으로 되돌립니다.

•	프린터 설정 버튼: 프린터 옵션을 설정합니다.


 문단 속성 대화 상자

요약: 현재 문단의 속성을 확인하거나 설정합니다.

•	종류:
   문단 유형 - 현재 문단의 종류를 결정합니다.
   점으로 된 목록 - 현재 문단을 점으로 된 목록으로 바꿉니다.
   숫자로 된 목록 - 현재 문단을 숫자로 된 목록으로 바꿉니다.
   (시작번호) - 숫자로 된 목록을 선택했을 때 사용할 첫 번째 목록 번호를 결정합니다.

•	정렬/줄 간격:
   정렬 방식 - 현재 문단을 왼쪽, 가운데, 오른쪽, 양쪽 정렬 가운데 하나로 설정합니다.
   줄 간격 종류 - 현재 문단의 줄 간격을 조절합니다.

•	여백(CSS): 왼쪽, 오른쪽 여백, 첫 줄 들여쓰기를 설정합니다.

•	줄 간격(CSS): 현재 문단의 줄 간격과, 문단과 문단 사이의 간격을 조절합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 플러그인 속성 대화 상자

요약: 문서에 다른 파일을 삽입합니다.

 플러그인은 언제 사용하나?

•	소스 입력창: 삽입할 파일의 경로와 파일명을 입력합니다. 찾아보기 버튼인 "..."을 이용할 수도 있습니다.

•	보충 설명: 삽입한 파일을 웹 브라우저에서 읽을 수 없을 때나, 시간이 지체될 때 보여주는 설명을 입력합니다.

•	정렬: 그림 파일의 정렬과 동일합니다.

•	크기: 삽입한 파일이 웹 브라우저에서 보이는 크기를 결정합니다. "플러그인 숨기기"를 이용하면 음악 파일과 같이 크기가 필요없는 파일을 숨길 수 있습니다.

•	여백: 삽입한 파일의 바깥 여백을 픽셀 단위로 지정합니다. 테두리 선 색깔은 파랑색이며, 테두리 선을 "0" 픽셀로 지정하면 테두리 선을 없앱니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


플러그인
플러그인은 언제 사용하나?

플러그인이란 음악, 동영상 파일 등과 같은 별도의 파일을 HTML 문서에 삽입할 때 사용합니다.


 출판할 파일 또는 디렉토리 대화 상자

요약: 출판할 파일 또는 디렉토리를 보여줍니다.

주의: 출판할 때 "출판할 파일 목록 창" 안에 있는 파일은 모두 출판됩니다.

•	파일 탭:
   출판할 목록 - 출판할 파일의 목록을 보여줍니다.
   찾아보기 버튼 - 저장된 문서를 찾아 "출판할 파일 목록"에 넣습니다.
   삭제 버튼 - 선택된 파일을 "출판할 파일 목록"에서 제거합니다.
   모두 삭제 버튼 - "출판할 파일 목록"에 있는 모든 파일을 삭제합니다.

•	디렉토리 탭
   출판할 디렉토리 - 디렉토리 전체를 출판합니다.
   파일 형식 - 출판할 디렉토리 안에 있는 파일 가운데 특정 형식의 파일만 출판합니다.
   확장자 - "파일 형식"에서 "사용자 정의"를 선택했을 때 활성화되며, 사용자가 임의로 확장자를 지정할 수 있습니다.
   서브 디렉토리 포함 - 출판할 디렉토리 안에 또다른 디렉토리가 있을 경우, 하위 디렉토리까지 출판합니다.
   서브 디렉토리 만들기 - 출판할 디렉토리 안의 하위 디렉토리까지 출판할 경우에 서버에 하위 디렉토리를 자동으로 만들어 줍니다. 설정을 해제하면 하위 디렉토리를 만들 때마다 서브 디렉토리를 만들 것인지 묻습니다.


 출판할 위치 대화 상자

요약: 문서를 출판할 서버와 관련된 환경을 설정합니다.

 호스트란?

 디렉토리란 무엇인가?

•	FTP 위치:
   이름 - 출판할 FTP 호스트의 이름을 입력합니다. 이름은 사용자가 기억하기 쉬운 이름으로 만들 수 있습니다.
   호스트 - 출판할 웹 서버의 호스트 이름을 입력합니다.
   포트 - 출판할 서버에 연결되는 포트 번호를 입력합니다. 일반적으로 21번을 사용합니다. 필요한 경우에만 수정하여 사용하십시오.
   디렉토리 - 웹 서버에서 html 문서가 들어가는 디렉토리의 이름을 입력합니다.
   사용자 이름 - 웹 서버에 접속할 자신의 아이디를 입력합니다.
   암호 - 자신의 암호를 입력합니다.
   암호 저장 - 암호를 기억하고 있다가, 나중에 같은 Profile을 열면 자동적으로 암호를 입력합니다.
 Passive Mode - Passive Mode로 출판할 것인지 결정합니다.

•	HTTP 위치: http://members.namo.co.kr/~namo/와 같이 출판한 문서를 볼 수 있는 HTTP 주소를 입력합니다.


호스트
호스트란?

인터넷에 홈페이지를 올리기 위해서는 나모 웹에디터로 만든 HTML 파일을 저장할 공간이 필요합니다. 이 공간은 "서버"라는 컴퓨터에 존재하는데, 이 서버를 호스트라고합니다.


디렉토리
디렉토리란?

인터넷에 홈페이지를 올리기 위해서는 웹 서버에 계정이 있어야합니다. 계정에는 홈페이지 문서를 주로 저장하는 디렉토리가 있는데, 이것을 문서 디렉토리라고 합니다. 인터넷에서 http://members.namo.co.kr/~namo/와 같은 주소에 접속하면, 서버는 계정에 있는 여러가지 파일이나 디렉토리 가운데 문서 디렉토리에 있는 홈페이지 문서들을 보여줍니다.


Passive Mode
Passive Mode란?

일반적으로 출판할 때의 데이터 연결은 FTP 서버에 의해 이루어집니다. 반면 Passive Mode는 데이터 연결이 사용자에 의해 이루어집니다. Passive Mode는 일부 방화벽이나 Passive Mode를 요구하는 게이트웨이에서 필요합니다.


 출판 진행 상황 대화 상자

요약: 출판이 진행되는 상황을 보여줍니다.

•	출판이 진행되고 있는 파일의 목록과 진행 상황을 보여줍니다.


스크립트 대화 상자
 본문 스크립트 대화 상자

요약: HTML 문서의 본문에 스크립트를 넣습니다.
주의: 스크립트 대화 상자에서 입력한 스크립트는 문서의 일부분에만 적용됩니다. OnmouseOver 같이 문서 전체에 적용되는 스크립트는 "문서 스크립트" 버튼을 이용해야 합니다.

•	언어: 문서에 삽입할 스크립트 언어를 선택합니다. JavaScript, VBScript, ASPScript 가운데 한 가지를 선택할 수 있습니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.

•	문서 스크립트 버튼: 문서 전체에 적용되는 즉, <head>태그 안에 들어가는 스크립트를 작성합니다.


 열려있는 문서 목록 대화 상자

요약: 현재 편집창에 열려 있는 문서의 목록을 보여줍니다. 목록 가운데 하나를 선택하여 하이퍼 링크를 만듭니다.

•	파일 이름, 제목 창: 현재 웹에디터 편집 창에 열려 있는 문서의 이름과 제목을 보여줍니다.


 숨은 설명 지우기 대화 상자

요약: 문서를 열 때 문서의 숨은 설명을 지우거나 보여줍니다.

 숨은 설명이란?

 언제 숨은 설명을 지우나?

•	예, 아니오 버튼: 예, 아니오 버튼을 이용하여 숨을 설명을 보이게하거나 지울 수 있습니다.

•	문서를 열 때 숨은 설명이 있으면, 이 대화 상자 보기: 이 항목을 체크하지 않으면, 숨은 설명이 있어도 대화 상자를 보여주지 않습니다.


숨은 설명
숨은 설명이란?

HTML 문서를 만들 때, 문서의 특정 부분에 대한 특징을 기록해 두어야 할 경우가 있습니다. 이 경우 숨은 설명을 이용하여 주석을 넣습니다. 숨은 설명은 웹 브라우저에서는 보이지 않습니다.


숨은 설명 지우기
언제 숨은 설명을 지우나?

숨은 설명이 있으면 실제 웹 브라우저에서 보이는 내용과 달라질 수 있기 때문에, 웹 브라우저에서 보이는 실제 화면과 편집 화면이 최대한 비슷한 상태에서 작업하기를 원할 경우 숨을 설명을 지우는 것이 좋습니다.


 맞춤법 검사 대화 상자

요약: 현재 문서의 한글, 영문 맞춤법을 검사합니다.

•	잘못된 말: 현재 문서에서  맞춤법 사전과 맞춤법 규칙에 없는 말을 보여줍니다.

•	바꿀 말: 맞춤법 검사기가 추천하는 말 중에서 가장 확률이 높은 말을 보여줍니다. 여기에 제시된 말도 잘못된 것이라면, 사용자가 직접 입력하여 고칠 수 있습니다.

•	추천하는 말: 잘못된 말과 가장 비슷한 꼴을 맞춤법 사전과 맞춤법 규칙에서 찾아 보여줍니다. 추천하는 말이 하나도 나열되지 않는 경우에는, 사용자가 직접 바꿀 말을 입력해 넣어야 합니다.

•	사용자 사전: 미리 제공하는 사용자 사전 외 다른 사용자 사전을 등록했을 때, 원하는 사전을 선택할 수 있습니다.

•	지나감 버튼: 현재 "잘못된 말"로 지적된 낱말을 그대로 둡니다.

•	모두 지나감 버튼: 현재 문서에서 "잘못된 말"로 지적된 낱말을 모두 그대로 둡니다.

•	바꾸기 버튼: 현재 문서에 있는 "잘못된 말"을 "바꿀 말"에 제시된 말로 바꾸고 다음 맞춤법 검사를 실행합니다.

•	모두 바꾸기 버튼: 현재 문서 전체에서 "잘못된 말"로 지적된 단어를 "바꿀 말"에 제시된 말로 모두 바꿉니다.

•	추가 버튼: "잘못된 말"로 지적된 낱말을 현재의 "사용자 사전"에 곧바로 추가하여, 이후부터는 올바른 낱말로 인식하게 합니다.

•	추천 버튼: 사용자가 "바꿀 말"에 임의의 단어를 입력한 후 "추천" 버튼을 누르면, 이후부터 추천하는 말에 이 단어가 나타납니다.

•	문서 처음: 맞춤법 검사를 현재 커서 위치에 상관없이, 문서의 맨 처음부터 시작합니다.

•	사용자 사전: 사용자 사전 대화 상자를 열어서, 사용자 사전에 단어를 추가합니다. 또한 현재의 사용자 사전에 등록되어 있는 낱말 목록을 볼 수 있습니다.


 사용자 사전 대화 상자

요약: 사용자 사전의 내용을 보여주거나 편집합니다.

•	낱말: 사용자 사전에 추가할 낱말이나 삭제할 낱말을 입력합니다.

•	목록: 현재 사용자 사전에 등록되어 있는 낱말 목록을 보여 줍니다.

•	사전: 현재 선택된 사용자 사전 이름을 보여줍니다. 이 항목 오른쪽의 펼침 목록 메뉴를 누르면, 현재 선택할 수 있는 사용자 사전 이름이 나열됩니다.

•	낱말 추가 버튼: "낱말" 입력 창에 입력한 낱말을 현재의 사용자 사전에 추가합니다.

•	낱말 삭제 버튼: "낱말" 또는 "목록"에서 선택된 낱말을 현재의 사용자 사전에서 삭제합니다.


사용자 사전에 으뜸꼴 추가 대화 상자
으뜸꼴 보이기 대화 상자

요약: 사용자 사전에 낱말의 으뜸꼴(기본형)을 추가합니다. 으뜸꼴은 낱말의 기본형을 뜻합니다. 예를 들어, "인터넷은"이라는 낱말의 으뜸꼴은 "인터넷"입니다.

•	으뜸꼴: 자동으로 제시되는 첫번째 으뜸꼴입니다.

•	후보 으뜸꼴: 다음으로 제시될 수 있는 으뜸꼴이 순서대로 나열됩니다.


 스타일 추가 대화 상자

요약: 스타일 시트에 스타일을 추가합니다.

•	종류:
   클래스 - 스타일 형식을 클래스로 지정합니다. 클래스는 대부분의 스타일을 지정할 때 사용되는 형식입니다. 클래스로 지정되는 스타일은 소스 파일에서 사용자가 지정한 이름 앞에 "." 이 첨가 됩니다.
   ID - 스타일 형식을 ID로 지정합니다. ID형식으로 지정된 파일은 소스 파일에서 사용자가 지정한 이름 앞에 "#'이 붙게 됩니다. ID는 CSS 기능을 응용하여 스타일을 이용할 때 사용합니다.
   기타 - 사용자가 필요한 형식으로 정의합니다. 펼침 목록 메뉴를 눌렀을 때 나타나는 A:link, A:visited, A:active는 각각 하이퍼링크, 열었던 하이퍼링크, 열고 있는 하이퍼링크를 의미합니다.

•	이름: 스타일의 이름을 정합니다.


스타일 시트 대화 상자
 문서 스타일 대화 상자

요약: 문서에 적용될 스타일 시트를 작성합니다.

 스타일이란?

 스타일 시트란?

 CSS란?

•	편집 버튼: 현재 작성되어 있는 스타일 내용을 수정합니다.

•	추가 버튼: 새로운 스타일을 추가합니다. 사용자의 선택 사항에 따라 클래스 이름이나 ID 또는 기타 다른 형식으로 이름을 지정할 수 있습니다.

•	외부 파일 버튼: 미리 파일로 저장해 놓은 스타일 파일을 가져옵니다. 이때 저장해놓은 스타일 파일의 확장자는 *.CSS입니다.

•	저장 버튼: 스타일을 모두 정의한 다음, 정의된 스타일을 파일로 저장하려 할 때 사용합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.

참고:

스타일 시트 만들기


스타일
스타일이란?

HTML 문서의 외형, 글꼴, 색상 등과 같이 문서나 문자열을 꾸며주는 것을 스타일이라고 합니다.


스타일시트
스타일시트란?

스타일 시트란 HTML 4.0 규약에서 추가된 CSS를 이용하여, 전체적인 문서의 외형을 미리 지정해 두는 양식을 말합니다.


CSS
CSS란?

Cascading Style Sheet의 약자로 전체 문서에 영향을 줄 수 있는 여러 가지의 스타일 시트가 순차적으로 문서에 적용되는 양식입니다.


 기호 대화 상자

요약: 기호를 입력합니다.

•	특수 문자, 기호 등을 입력합니다.

•	Symbol 탭 안의 특수 기호들은 한글로 된 HTML 문서에서 깨져서 보일 수도 있기 때문에 사용하지 않는 것이 좋습니다. 단, 영문으로만 구성된 문서일 경우는 상관없습니다.


  표 속성 대화 상자

요약: 표 속성을 설정합니다. 단, 셀 속성과 겹치는 내용이 있을 경우는 셀 속성이 우선합니다.

•	셀크기: 가로, 세로에 들어갈 셀의 수를 지정합니다.

•	크기: 표의 폭과 높이를 지정합니다. 표의 폭은 웹 브라우저 창에 대한 비율(%)이나 픽셀로 정할 수 있습니다. 크기가 고정된 표를 만들기 위해서는 픽셀 단위로 크기를 정합니다.

•	모양:
   정렬 - 문서에서 표의 정렬을 결정합니다.
   캡션 - 캡션이 들어갈 위치를 결정합니다.
   테두리 선 두께 - 표의 테두리 선 두께를 결정합니다.
   셀의 안쪽 여백 - 셀 안 쪽 여백을 결정합니다.

•	테두리 선:
   색깔 - 테두리선의 색깔을 정합니다.
   옅은 색 - 셀 테두리 선 왼쪽 바깥, 오른쪽 안쪽 색상을 지정합니다.
   선 간격 - 표의 안쪽 두께를 지정합니다.
   짙은 색 - 셀 테두리 선 왼쪽 안, 오른쪽 바깥 색상을 지정합니다.

•	배경:
   색깔 - 배경색을 지정합니다.
   그림 - 배경 그림을 지정합니다. 배경색과 배경 그림이 함께 지정되어 있을 때는 배경 그림이 우선합니다.

•	스타일 버튼: CSS에서 지원하는 스타일을 지정합니다.

•	확장 버튼: HTML 4.0 규약에 없는 속성을 추가할 때 사용합니다.


 표 붙이기 대화 상자

요약: 표를 복사하여 또 다른 표에 붙여 넣을 때 사용합니다.

•	아기 표로 붙이기: 마우스 포인터가 위치한 표 안의 셀에 표를 붙여 넣습니다.

•	왼쪽 세로 줄에 삽입: 왼쪽 세로 줄에 표를 삽입합니다.

•	오른쪽 세로 줄에 삽입: 오른쪽 세로 줄에 표를 삽입합니다.

•	위쪽 가로 줄에 삽입: 위쪽 가로 줄에 표를 삽입합니다.

•	아래쪽 가로 줄에 삽입: 아래쪽 가로 줄에 표를 삽입합니다.


 프레임셋 템플릿 대화 상자

요약:  사용할 프레임셋의 형태를  결정합니다.

•	프레임셋 양식 목록 창: 사용하려는 프레임셋 양식을 선택합니다.

•	설명: 선택한 양식에 대한 간단한 설명을 보여줍니다.

•	미리보기: 프레임셋 양식을 선택하면 프레임셋의 윤곽을 축소하여 보여줍니다.

•	현재 문서에 삽입하기: 선택한 프레임셋 양식을 현재 문서에 만들 것인지를 결정합니다. 확인 상자에 아무런 표시가 되어 있지 않은 경우에는 프레임셋 양식을 새로운 문서에 만듭니다.


외툴이줄 보호 대화 상자
 외톨이줄 보호 대화 상자

요약: 인쇄할 페이지 앞, 뒤에 떨어진 몇 줄을 페이지 안쪽으로 넣습니다.

 외톨이줄 보호란?

•	문단 시작 외톨이줄 보호: 문단 첫 줄에 있는 외톨이줄을 인쇄될 페이지 안으로 넣습니다. 외톨이줄 수는 사용자가 지정할 수 있습니다.

•	문단 끝 외톨이줄 보호: 문단 마지막 줄에 있는 외톨이줄을 인쇄될 페이지 안으로 넣습니다. 외톨이줄 수는 사용자가 지정할 수 있습니다.


외톨이줄
외톨이줄 보호란?

웹 브라우저에서 문서를 인쇄하면 페이지가 임의로 나누어집니다. 이 경우, 인쇄되는 페이지 앞, 뒤에 몇 줄이 따로 떨어져 이전 페이지나 다음 페이지에 인쇄되는 경우가 있습니다. 이렇게 따로 떨어지는 줄을 외톨이줄이라고 합니다.
외톨이줄은 인쇄한 문서를 읽기 어렵게 만들고 보기도 좋지 않습니다. 이런 문제를 해결하기 위해서 외톨이줄을 앞이나 뒤 페이지에 넣어서 인쇄하도록 지정할 수 있습니다.  이것을 외톨이줄 보호라고 합니다.


 창 목록 대화 상자

요약: 편집 창에 있는 문서들을 모두 보여줍니다.

•	편집 문서로 버튼: 선택된 문서로 이동합니다.

•	문서 저장하기 버튼: 선택된 문서를 저장합니다.

•	문서 닫기 버튼: 선택된 문서를 닫습니다.


 화면 확대 축소 대화 상자

요약: 편집 중인 문서를 확대, 축소해서 보여줍니다.

•	비율: 원하는 비율로 편집 중인 문서를 확대, 축소합니다.


새 내용 대화 상자 문서 탭
문서 탭

요약: 작업할 문서의 양식을 선택합니다.

•	양식  목록: 현재 사용할 수 있는  문서 양식들을 보여줍니다. 마우스 포인터를 원하는 양식 위로 이동시킨 후 마우스 왼쪽 단추를 누르면 문서가 선택됩니다.

•	설명: 현재 선택한 양식에 대한 간단한 설명을 보여줍니다.

•	미리보기: 문서 형식을 선택하면 해당 문서의 윤곽을 축소하여 보여줍니다.

•	현재 문서에 삽입하기: 선택한 문서 양식을 현재 문서에 삽입할 것인지를 결정합니다. 확인 상자에 아무런 표시가 되어 있지 않을 경우에는 새로운 문서가 만들어지면서 문서 양식이 삽입됩니다. 확인 상자가 체크 되어 있을 경우, 현재 편집 중인 문서에 문서 양식이 삽입됩니다.


새 내용 대화 상자 프레임 탭
프레임 탭

요약: 사용할 수 있는 프레임셋의 양식을 보여줍니다.

•	양식 목록: 현재 사용할 수 있는  프레임셋 양식들을 보여줍니다. 마우스 포인터를 원하는 양식 위로 이동 시킨 후 마우스 왼쪽 단추를 누르면 원하는 프레임셋이 선택됩니다.

•	설명: 현재 선택한 양식에 대한 간단한 설명을 보여줍니다.

•	미리보기: 프레임셋 형식을 선택하면 해당되는 프레임셋의 윤곽을 축소하여 보여줍니다.

•	현재 문서에 삽입하기: 선택한 프레임셋  양식을 현재 문서에 삽입할 것인지를 결정합니다. 확인 상자에 아무런 표시가 되어 있지 않을 경우에는 새로운 문서가 만들어지면서 선택한 프레임셋 양식이 삽입됩니다.


새 내용 대화 상자 컴포넌트 탭
컴포넌트 탭

요약: 사용할 수 있는 컴포넌트의 양식을 보여줍니다.

•	양식 목록: 현재 사용할 수 있는  컴포넌트들을 보여줍니다. 마우스 포인터를 원하는 양식 위로 이동시킨 후 마우스 왼쪽 단추를 누르면 원하는 컴포넌트가 선택됩니다.

•	설명: 현재 선택한 양식에 대한 간단한 설명을 보여줍니다.

•	미리보기: 해당 되는 컴포넌트를 선택했을 때의 개략적인 모습을 보여줍니다.

•	현재 문서에 삽입하기: 선택한 컴포넌트를  현재 문서에 삽입할 것인지를 결정합니다. 확인 상자에 아무런 표시가 되어 있지 않을 경우에는 새로운 문서가 만들어지면서 선택한 컴포넌트가 삽입됩니다.


도구 막대 편집 대화 상자 도구 막대 탭
도구 막대 탭

요약: 도구 막대를 원하는 모양으로 바꿉니다.

•	도구 막대: 메뉴, 도구 막대, 리본 막대 등을 보이거나 숨깁니다.

•	툴팁 보이기: 마우스 포인트를 위치 시킬 때 나타나는 풍선 도움말을 보이거나 숨깁니다.

•	새로 만들기 버튼: 새로운 도구 막대를 만듭니다. 아래는 새로운 도구 막대를 만드는 간단한 방법입니다.
   1. "새로 만들기" 를 눌러 만드려는 도구 막대의 이름을 정합니다.
   2. 새로운 이름의 도구 막대가 나타나면, "명령" 탭을 누릅니다.
   3. 새 도구막대에서 사용할 버튼을 드래그하여 도구 막대 위에 가져다 놓습니다.

•	원래대로: 도구 막대를 초기 모양으로 되둘립니다.


도구 막대 편집 대화 상자 명령 탭
명령 탭

요약: 아이콘 버튼을 편집합니다.

 아이콘 버튼을 도구 막대에 넣는 방법

•	종류: 나모 웹에디터에서 사용하는 메뉴의 종류를 보여줍니다.

•	버튼들: "종류" 항목에 있는 각 메뉴를 선택하면, 그에 해당하는 아이콘 버튼을 보여줍니다.


아이콘 버튼
아이콘 버튼을 도구 막대에 넣는 방법

"종류" 항목 아래에 있는 메뉴를 선택한 후 나타나는 아이콘을 드래그하여 원하는 도구 막대에 끌고 갑니다.


새 도구 막대 대화 상자

요약: 새로운 도구 막대를 만듭니다.

•	만들기: 새 도구 막대의 이름을 입력한 후, 만들기 버튼을 누릅니다.

•	취소: 새로 만들기를 취소합니다.


확장된 태그 이름과 속성 대화 상자

요약: HTML 4.0 규약에 없거나 HTML 소스에서 직접 삽입이 되지 않는 태그를 사용하고 싶을 때 사용합니다.

 확장 태그가 왜 필요한가?

•	태그 이름: 확장 태그로 사용할 태그 이름을 지정합니다.

•	이름과 값 입력 창: 추가 버튼을 이용하여 확장 태그가 사용할 이름과 속성을 지정합니다.

•	추가 버튼: 추가할 확장 태그의 이름과 값을 설정합니다.

•	수정 버튼: 이미 입력된 확장 태그를 수정합니다.

•	삭제 버튼: 이미 입력된 확장 태그를 삭제합니다.


레이어 대화 상자
레이어 속성 대화 상자

요약: 레이어를 만듭니다. 레이어란 문서의 어느 위치에나 글과 그림을 담아서 위치시킬 수 있는 그릇과 같은 기능을 갖고 있습니다.

•	이름: 레이어의 이름을 지정합니다.

•	위치/크기:
   가로 - 레이어의 가로 크기를 지정합니다.
   세로 - 레이어의 세로 크기를 지정합니다.
   폭 - 레이어의 폭을 지정합니다.
   높이 - 레이어의 높이를 지정합니다.
   Z 순서 - 여러 개의 레이어가 포개어져 있을 때 이것의 순서를 "Z 순서"라고 하며, Z 순서를 지정합니다.
   보이기 - 레이어를 보이게 할지, 숨길지 결정합니다. 여기에서 "상속"은 상위 레이어의 보이기 상태를 그대로 따를 때 사용합니다. 상위 레이어란 계층적으로 레이어를 만들 때, 즉 레이어 안에 레이어를 만들 때 다른 레이어를 포함하고 있는 레이어를 말합니다.

•	배경:
   색깔 - 레이어의 배경색을 지정합니다.
   그림 - 레이어에 넣을 그림을 지정합니다.

•	<Layer> 태그로 저장: 레이어를 넷스케이프가 인식하는 <Layer> 태그를 이용해 넣습니다.

•	이벤트 버튼: 스크립트 마법사를 이용하여 레이어에 다양한 액션을 넣습니다.

참고

레이어에 글과 그림 넣기


타임 라인 대화 상자

요약: 타임 라인 대화 상자에 레이어를 등록하여 움직이는 효과를 만들 수 있습니다.

•	자동 실행: 타임 라인 대화 상자에 등록한 등록 개체(레이어)를 자동으로 움직이도록 합니다.

•	반복: 타임 라인 대화 상자에 등록한 등록 개체(레이어)를 반복해서 움직이도록 합니다.

참고

타임 라인을 이용해 레이어 움직이게 만들기


스크립트 마법사-스크립트 선택 대화 상자
스크립트 마법사 대화 상자

요약: 홈페이지에 다양한 효과를 낼 수 있는 스크립트를 자동으로 만들어 줍니다.

 스크립트 마법사란?

•	홈페이지에 삽입할 스크립트를 선택하십시오: 여러가지 스크립트 효과 가운데 하나를 선택합니다.
   롤오버 그림 - 그림에 마우스를 가져가면 다른 그림으로 바뀌는 효과를 만듭니다.
   애니메이션 효과 - 문서에 삽입한 그림이나 글이 움직이는 효과를 만듭니다.
   필침 목록 메뉴 - 필침 목록 메뉴의 내용을 선택했을 때 지정된 링크로 이동하게 만듭니다.
   링크 이동 단추 - 단추를 누르면 특정 링크나 이전, 다음 페이지로 이동할 수 있는 버튼을 만듭니다.
   자동 이동 - 일정 시간이 지나면 자동으로 정해진 곳으로 이동하게 만듭니다.
   방문자 정보 보여주기 - 홈페이지에 접속 했을 때 방분자의 이름을 묻거나, 문서 변경 날짜, 방문자의 IP 주소, 호스트 이름 등을 보여 줍니다.
   텍스트 시계 - 현재 시각을 알려주는 텍스트 시계를 만듭니다.
   움직이는 텍스트 - 한 줄 글상자 안에 사용자가 지정한 글, 문장이 움직이는 효과를 만듭니다.
   상황선의 움직이는 텍스트 - 상황선에 사용자가 지정한 글, 문장이 움직이는 효과를 만듭니다.
   차례 만들기 - Windows 폴더 형식의 차례를 만듭니다.
   레이어 액션 넣기 - 레이어에 마우스 움직임에 따라 액션을 넣을 수 있습니다.
   카운터 넣기 - 홈페이지에 카운터를 넣습니다.
   방명록 넣기 - 홈페이지에 방명록을 넣습니다.

•	설명: 선택한 스크립트에 관한 간단한 설명을 보여줍니다.


스크립트 마법사-애니메이션 효과 대화 상자
스크립트 마법사 - 애니메이션 효과

요약: 문서에 삽입한 그림, 글, 레이어가 움직이는 효과를 만듭니다.

•	레이어 이름: 애니메이션 효과를 내기 위해 레이어를 사용할 때, 사용할 레이어의 이름을 입력합니다.

•	시작 위치: 움직일 그림, 글, 레이어의  처음 위치를 결정합니다.

•	발자취: 그림, 글, 레이어가 어떤 경로로 움직일지 정합니다. 직선, 아크, 나선 형 가운데 하나를 선택할 수 있습니다.

•	애니메이션 없음: 애니메이션 효과를 없앱니다.

•	시작 조건: 언제 그림이나 글이 움직이기 시작할 지 조건을 설정합니다.

•	시작 시간: 특정 조건을 설정한 뒤 얼마 후 그림이나 글이 움직이게 할지 결정합니다.

•	총단계: 그림, 글, 레이어가 몇 단계로 움직이게 할지 결정합니다.

•	IE에서 만: MS 익스플로러에서만 실행되는 기능입니다.
   확대/축소 - 그림이나 글을 점점 커지거나 작아지게 만듭니다.
   단어로 끊기 - 문장을 구성하는 몇 개의 단어가 따로 움직이게 만듭니다.

•	미리보기: 설정한 내용이 실재로 어떻게 보일지 미리 보여줍니다.

참고

문서에서 움직이는 글, 그림 만들기(애니메이션 효과)


스크립트 마법사-자동 이동 대화 상자
스크립트 마법사 - 자동 이동

요약: 일정 시간이 지난 후 지정된 링크로 이동합니다.

•	시간: 얼마 후에 지정한 링크로 이동할 지 결정합니다.

•	URL: 일정 시간이 지난 후 이동할 곳의 URL이나 문서 이름을 입력합니다.

•	자동이동 없애기: 자동이동 효과를 없앱니다.

참고

일정 시간 후 다른 곳으로 이동하기(자동 이동)


스크립트 마법사-링크 이동 단추 넣기 대화 상자
스크립트 마법사 - 링크 이동 단추 넣기

요약: 단추를 누르면 특정 링크나 이전, 다음 페이지로 이동할 수 있는 버튼을 만듭니다.

•	단추 이름: 단추에 쓰여질 내용을 입력합니다. 예를 들어 "홈으로..."라고 입력합니다.

•	이동할 곳:
   URL: 단추를 눌렀을 때 이동할 곳의 URL이나 문서 이름을 입력합니다.
   앞 페이지: 단추를 눌렀을 때 이전에 갔었던 앞 페이지로 이동합니다. 따로 링크를 정하지 않아도 한 단계 앞 페이지로 이동합니다. 이 기능은 웹 브라우저의 "앞으로" 버튼과 동일합니다.
   뒤 페이지: 단추를 눌렀을 때 뒤 페이지로 이동합니다. 따로 링크를 정하지 않아도 한 단계 전 페이지로 이동합니다. 이 기능은 웹 브라우저의 "뒤로" 버튼과 동일합니다.

•	대상 프레임: 버튼을 눌렀을 때 링크된 내용을 보여줄 프레임을 결정합니다. 문서에 프레임이 없다면 _self로 두면 됩니다.

참고

버튼을 눌렀을 때 다른 곳으로 이동하기(링크 이동 단추)


스크립트 마법사 - 텍스트 시계 넣기

요약: 문서에 현재 시각을 알려주는 텍스트 형태의 시계를 삽입합니다.

•	폼 이름: 텍스트 시계를 넣기 위해서는 폼 필드를 이용합니다. 이때 사용할 폼 필드의 이름의 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	폼 구성 요소 이름: 시간을 보여주는 한 줄 글 상자의 이름을 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	시간 표시 종류: 시간을 표시할 형태를 선택합니다.

참고

문서에 시계 넣기(텍스트 시계 넣기)


스크립트 마법사-방문자 정보 보여주기 대화 상자
스크립트 마법사 - 방문자 정보 보여주기

요약: 홈페이지에 접속 했을 때 방분자의 이름을 묻거나, 문서 변경 날짜, 방문자의 IP 주소, 호스트 이름 등을 보여 줍니다.

•	폼 이름: 방문자 정보를 보여주기를 사용하기 위해서는 폼 필드를 이용합니다. 이때 사용할 폼 필드의 이름의 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	폼 구성 요소 이름: 방문자 정보를 보여줄 때 사용할 한 줄 글 상자의 이름을 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	내용 종류:
   방문자 이름 - 홈페이지에 접속 했을 때 방문자의 이름을 묻습니다.
   문서 변경 날짜 - 문서가 마지막으로 변경된 날짜를 보여줍니다.
   방문자 IP 주소 - 방문자의 IP 주소를 알아 내어 보여줍니다.
   방문자 호스트 이름 - 방문자의 호스트 이름을 알아 내어 보여줍니다.

참고

방문자의 이름을 묻고 보여주기(방문자 정보 보여주기)


스크립트 마법사-레이어 액션 넣기 대화 상자
스크립트 마법사 - 레이어 액션 넣기

요약: 하나의 문서에 두 개 이상의 레이어가 삽입되었을 때, 하나의 레이어에 발생하는 동작이 다른 레이어에 영향을 줄 수 있게 만듭니다.

•	레이어 이름: 동작을 취할 레이어를 선택합니다.

•	이벤트 종류: "레이어 이름"에서 선택한 레이어에 취할 동작을 선택합니다. 이벤트의 종류에는 "OnmouseOut", "OnmouseOver", "OnClick"이 있습니다.

•	액션 종류:
   레이어 보이기 - 동작이 취해 졌을 때 대상 레이어를 보여줍니다.
   레이어 감추기 - 동작이 취해 졌을 때 대상 레이어를 숨깁니다.

•	대상: 하나의 레이어에 동작이 취해졌을 때 영향을 받는 레이어를 선택합니다.

•	추가 버튼: 설정한 내용을 목록에 추가합니다.

•	수정 버튼: 선택된 항목을 수정합니다.

•	삭제 버튼: 선택된 항목을 삭제합니다.

참고

하나의 레이어를 클릭했을 때 다른 레이어 감추기(레이어 액션 넣기)


OnmouseOver

마우스 포인터를 그림, 글 등 대상물에 올려 놓는 동작을 OnmouseOver라고합니다.


OnmouseOut

마우스 포인터를 그림, 글 등 대상물에 밖에 놓는 동작을 OnmouseOut라고 합니다.


OnClick

그림, 글 등의 대상물에서 마우스를 클릭하는 동작을 OnClick라고 합니다.


스크립트 마법사-펼침 메뉴 목록 대화 상자
스크립트 마법사 - 펼침 목록 메뉴 넣기

요약: 펼침 목록 메뉴에서 하나를 선택하면 곧바로 지정된 링크로 이동합니다.

•	목록 창: 설정한 내용의 목록을 보여줍니다.

•	목록 이름: 펼침 목록 메뉴에 나타날 이름을 입력합니다. 예를 들어, 나모 인터랙티브라고 입력할 수 있습니다.

•	URL: 메뉴를 선택했을 때 이동할 URL이나 문서 이름을 입력합니다.

•	위로 버튼: 선택된 항목을 위로 옮깁니다.

•	아래로 버튼: 선택된 항목을 아래로 옮깁니다.

•	추가 버튼: "항목"과 "링크 경로"를 입력한 후 설정 버튼을 누르면 "목록 창"에 추가됩니다.

•	수정 버튼: 선택된 항목을 수정합니다.

•	삭제 버튼: "목록 창"에서 선택한 항목을 삭제합니다.

•	대상 프레임: 링크된 내용이 나타날 프레임을 지정합니다.

•	높이: 펼침 목록 메뉴의 크기를 결정합니다.

참고

펼침 목록 메뉴로 다른 곳에 이동하기


스크립트 마법사-롤오버 그림 대화 상자
스크립트 마법사 - 롤오버 그림

요약: 마우스 포인터를 가져가면 그림이 바뀌는 효과를 만듭니다.

•	이름: 롤오버 효과의 이름을 입력합니다.

•	첫번 째 그림 경로: 보통 상태에서 보이게 될 그림을 지정합니다.

•	두번 째 그림 경로: 마우스 포인터를 가져 갔을 때 바뀔 그림을 지정합니다.

•	미리보기: 롤오버 효과를 미리 보여줍니다.

•	롤오버 해제하기 버튼: 적용된 롤오버 효과를 해제합니다.

참고

마우스 포인터를 가져가면 그림이 바뀌는 효과(롤오버)


스크립트 마법사-상황선의 움직이는 텍스트 대화 상자
스크립트 마법사 - 상황선의 움직이는 텍스트

요약: 웹 브라우저의 아래쪽에 있는 상황선에 글, 문장이 움직이게 합니다.

•	텍스트 1: 상황선에 가장 먼저 나올 문구를 입력합니다.

•	텍스트 2: 상황선에 두 번째로 나올 문구를 입력합니다.

•	텍스트 3: 상황선에 세 번째로 나올 문구를 입력합니다.

•	움직이는 텍스트 해제 버튼: 상황선의 움직이는 텍스트 효과를 해제합니다.

참고

웹 브라우저의 상황선에서 흐르는 글 만들기(상황선의 움직이는 텍스트)


스크립트 마법사-움직이는 텍스트 대화 상자
스크립트 마법사 - 움직이는 텍스트

요약: 한 줄 글상자 안에 사용자가 지정한 글, 문장이 움직이게 합니다.

•	폼 이름: 한 줄 글 상자를 만들기 위해서는 폼 필드를 이용합니다. 이때 사용할 폼 필드의 이름의 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	폼 구성 요소 이름: 한 줄 글 상자의 이름을 입력합니다. 특별한 이유가 없으면 기본값을 사용합니다.

•	텍스트 내용: 한 줄 글 상자에 나올 문구를 입력합니다.

•	텍스트 순환 주기: 한 줄 글 상자에 문구가 지나갈 주기를 설정합니다.

참고

글상자에서 흐르는 글 만들기(움직이는 텍스트)


스크립트 마법사-사이트 차례 만들기 대화 상자
스크립트 마법사 - 사이트 차례 만들기

요약: 메뉴 형식의 차례를 만듭니다.

•	차례 목록 창: 만든 차례의 구조를 보여줍니다.

•	추가 버튼: 새 항목을 추가합니다.

•	삭제 버튼: 차례 목록 창에 있는 항목을 삭제합니다.

•	위로 버튼: 선택된 항목을 위로 옮깁니다.

•	아래로 버튼: 선택된 내용을 아래로 옮깁니다.

•	항목의 내용을 수정하십시오:
   이름: 선택한 차례 항목의 이름을 수정합니다.
   URL: 선택한 차례 항목을 클릭 했을 때 보여줄 URL을 수정합니다.
   대상 프레임: 차례 항목을 클릭 했을 때 해당 내용이 나타날 프레임을 선택합니다.

참고

사이트 차례 만들기


스크립트 마법사-카운터 넣기 대화 상자
스크립트 마법사 - 카운터 넣기

요약: 방문자의 숫자를 나타내는 카운터를 넣습니다. 단, 나모 웹에디터 3.0을 정식 구입하고 사용자 등록과 무료 홈페이지 등록을 한 후부터 사용할 수 있습니다.

•	사용자 ID: 나모 웹에디터 등록 고객의 사용자 아이디를 입력합니다. 사용자 아이디는 나모 홈페이지에 접속하여 사용자 등록과 무료 홈페이지 등록을 하면 만들 수 있습니다.

•	호스팅 영역 인증키: 카운터 사용을 위한 "호스트 영역 인증키"를 입력합니다. "호스트 영역 인증키"는 http://members.namo.co.kr/swmanage/에 접속하여 자신의 아이디와 제품 번호를 입력하면 생성됩니다.

•	카운터 종류: 카운터의 종류를 선택합니다.

•	쉼표 넣기: 1,000,000과 같이 카운터 숫자를 세자리로 끊어 쉼표를 넣어줍니다.

참고

방문자의 숫자를 알려주는 카운터 넣기


스크립트 마법사-방명록 넣기 대화 상자
스크립트 마법사 - 방명록 넣기

요약: 자신의 홈페이지를 방문한 사람이 간단한 글을 남길 수 있는 방명록을 넣습니다. 단, 나모 웹에디터 3.0을 정식 구입하고 사용자 등록과 무료 홈페이지 등록을 한 후부터 사용할 수 있습니다.

•	사용자 ID: 나모 웹에디터 등록 고객의 사용자 아이디를 입력합니다. 사용자 아이디는 나모 홈페이지에 접속하여 사용자 등록과 무료 홈페이지 등록을 하면 만들 수 있습니다.

•	호스팅 영역 인증키: 카운터 사용을 위한 "호스트 영역 인증키"를 입력합니다. "호스트 영역 인증키"는 http://members.namo.co.kr/swmanage/에 접속하여 자신의 아이디와 제품 번호를 입력하면 생성됩니다.

•	방명록 쓰기 폼: 방명록에 글을 남길 수 있는 양식을 만듭니다.

•	방명록 보기 링크: 다른 사람들이 써 놓은 글을 읽을 수 있는 링크를 만듭니다.

참고

방명록 넣기


스크립트 마법사-사이트 차례 만들기 (모양 정하기)

요약: 차례 항목의 모양을 결정합니다.

•	차례 항목의 모양을 결정하십시오: 차례 항목의 모양을 선택합니다.

•	글꼴: 차례 항목의 글꼴을 선택합니다.

•	크기: 글꼴 크기를 선택합니다.

•	글자색: 글자색을 선택합니다.

•	배경색: 배경색을 선택합니다.

•	강조색: 차례에서 한 단계 아래에 있는 항목을 선택하면 활성화 됩니다. 이 항목의 강조색을 선택합니다.

•	롤오버 색깔 바꾸기: 차례 항목에 롤오버 효과를 줍니다.

•	높이: 차례 항목의 높이를 지정합니다.

•	들여쓰기: 차례 항목에 있는 글자의 들여쓰기를 지정합니다.


스크립트 마법사
스크립트 마법사란?

홈페이지에 다양한 효과를 주기 위해서는 HTML 규약만으로는 한계가 있습니다. 이런 한계를 극복하기 위해 홈페이지 제작자들은 HTML 태그 외에 자바스크립트 또는 비주얼 베이직 스크립트 등 일종의 프로그래밍 언어를 추가하여 사용합니다.
나모 웹에디터의 스크립트 마법사는 스크립트로 구현된, 사용자들이 많이 사용하는 유용한 효과를 마우스 클릭만으로 만들수 있도록 도와주는 편리한 기능입니다.


출판하기 대화 상자

요약: 나모 웹에디터로 만든 문서를 파일 또는 프로젝트 단위로 웹 서버에 올립니다.

•	왼쪽 창: 자신의 하드 드라이브의 구조와 저장된 파일을 보여줍니다.

•	오른쪽 창: 웹 서버의 구조와 저장된 파일을 보여줍니다.

•	프로젝트 출판: 웹 사이트를 구성하는 프로젝트에 속한 파일을 출판하는 상태로 됩니다.

•	드라이브 선택 : 프로젝트에 속하지 않은 파일이나 현재 편집 중인 파일이 있는 드라이브를 선택합니다.

•	사이트: 출판할 웹 서버를 선택합니다. [도구-사이트 관리-사이트 출판 정보 목록]에 등록된 목록이 나타납니다.

•	등록 정보 버튼: 저장되어 있는 웹 서버에 대한 정보를 확인하거나 수정합니다. 눌렀을 때 [도구-사이트 관리-사이트 출판 정보 목록] 대화 상자가 나타납니다.

•	출판하기 버튼: 선택한 파일을 웹 서버에 올립니다.

•	가져오기 버튼: 웹 서버에 있는 파일을 자신의 PC로 가져옵니다.

 : 편집 중인 파일을 선택합니다.
 : HTML 파일에 포함된 이미지 파일을 선택합니다.
 : 프로젝트에 포함된 모든 파일을 선택합니다. (프로젝트가 열렸을 때만 나타납니다.)
 : 선택된 모든 파일을 해제합니다. (프로젝트가 열렸을 때만 나타납니다.)
 : 이전에 출판한 후, 수정된 파일만 출판합니다. (프로젝트가 열렸을 때만 나타납니다.)
 : 이전에 출판할 때 선택된 파일만 다시 출판합니다. (프로젝트가 열렸을 때만 나타납니다.)


수식 편집기 비주얼 탭
비주얼 탭 수식 편집기

요약: 비주얼 모드에서 수식을 입력합니다.

위의 수식 기호 가운데 하나를 클릭하여 수식을 입력합니다.

위의 특수 문자 가운데 하나를 클릭하면, 그와 관련된 특수 문자가 풀다운 메뉴 형태로 나타납니다. 풀다운 메뉴에 있는 문자를 다시 클릭하면 문자가 입력됩니다.

참고:

위/아래 첨자를 사용한 뒤, 스페이스바를 누르면 기본 입력 모드로 돌아갑니다.


수식 편집기 스크립트 탭
스크립트 탭 수식 편집기

요약: 수식 편집기의 스크립트 모드에서 TeX 문법을 사용하여 수식을 입력합니다.

수식입력기는 TeX 문법을 사용합니다. 다음과 같은 수식을 만들기 위해서는 아래와 같은 문법을 사용합니다.

사용한 수식

\Phi_{\alpha}(x,y) = \int_{X}

          \frac{Q_{n}(x, y) - P_{n}}

                {1 + N_{\epsilon}(x,y)\Phi_{\epsilon}}\,d\nu

TeX 문법에 관한 자세한 내용은 다음 URL을참고하기 바랍니다.

http://www.mizi.com/ 미지 리서치 홈페이지


사용자 정의
행렬 대화 상자

요약: 행렬의 크기를 사용자가 임의로 지정합니다.

•	행: 행렬의 "행" 수를 결정합니다.

•	열: 행렬의 "열" 수를 결정합니다.

•	수직 정렬: 수직 정렬을 결정합니다.

•	수평 정렬: 수평 정렬을 결정합니다. 수평 정렬은 각 열마다 다르게 지정할 수 있습니다.


새 프로젝트 만들기 대화 상자

요약: 새로운 프로젝트를 만듭니다. 템플릿 마법사를 이용하여 쉽게 만들 수도 있습니다.

 프로젝트란?

 템플릿이란?

•	프로젝트 만들기:
   프로젝트의 이름을 지정하세요 - 프로젝트의 이름을 입력합니다. 프로젝트의 이름은 사용자가 임의로 만들 수 있습니다.
   프로젝트의 위치를 지정하세요 - 프로젝트를 저장할 폴더를 지정합니다. 찾아보기 버튼을 이용하여 이미 존재하는 폴더를 지정하거나, 새로운 폴더를 만들 수도 있습니다.

•	템플릿 마법사:
   프로젝트를 만들 위치를 지정하세요 - 템플릿 마법사를 이용하여 프로젝트를 만들 때, 이 프로젝트를 저장할 폴더를 지정합니다. 나모 웹에디터는 템플릿 마법사로 만드는 홈페이지를 프로젝트 단위로 제작, 관리합니다.


프로젝트란?

나모 웹에디터에서 하나의 웹 사이트 전체에 대한 정보를 관리하는 단위입니다. 프로젝트 단위로 웹 사이트를 관리하게되면 각 문서들 간의 링크 관계나 함께 사용하는 이미지 파일, 낱말의 찾기, 바꾸기, 문자셋, 출판하기 등을 일괄적으로 처리할 수 있어 매우 편리합니다.


템플릿이란?

템플릿이란 사용자가 홈페이지를 쉽게 꾸밀 수 있도록 미리 만들어진 홈페이지 양식입니다. 나모 웹에디터는 템플릿으로 만들어진 홈페이지를 프로젝트 단위로 구성하며, 만들어진 홈페이지는 사용자의 기호에 맞게 쉽게 고칠 수 있습니다.


테마 고르기 대화 상자

요약: 홈페이지에 사용될 미리 준비된 테마 가운데 하나를 선택합니다.

 테마란?

•	테마를 고르세요: 미리 준비된 테마 가운데 하나를 선택합니다.

•	크기 보기 버튼:  테마를 원래의 크기로 보여줍니다.


테마란?

테마란 미리 준비된 홈페이지 양식으로 나모 웹에디터는 약 70여 가지의 테마를 제공합니다.


템플릿 선택 대화 상자

요약: 템플릿의 종류를 선택합니다.

 템플릿이란?

•	템플릿을 고르세요:
   개인 홈페이지 - 개인 홈페이지를 만듭니다.
   회사 홈페이지 - 회사 홈페이지를 만듭니다.

•	수평 배치 버튼: 수직으로 정렬되어 있는 템플릿의 메뉴들을 수평으로 정렬합니다.


페이지 선택 대화 상자

요약: 홈페이지에 들어갈 내용을 선택합니다.

•	템플릿 선택 대화 상자에서 선택한 내용에 따라 회사, 개인과 관련된 내용을 홈페이지에 넣을 수 있습니다.


이름 입력 대화 상자

요약: 홈페이지의 이름을 입력합니다.

•	개인이나 단체의 이름을 입력하세요: 홈페이지의 제목에 나타날 이름을 입력합니다.


매개 변수 대화 상자

요약: 매개 변수의 값을 입력합니다.

•	이름, 값 항목 창: 매개 변수의 이름과 값을 보여줍니다.

•	추가 버튼: 새로운 매개 변수를 입력합니다.

•	수정 버튼: 이미 존재하는 매개 변수를 수정합니다.

•	삭제 버튼: 매개 변수를 삭제합니다.


파라미터 이름과 값 대화 상자

요약: 파라미터의 이름과 값을 입력합니다.

•	이름: 사용할 파라미터의 이름을 입력합니다.

•	값: 사용할 파라이터의 값을 입력합니다.


도구 막대 대화 상자

요약: 도구 막대를 보이거나 추가, 편집합니다.

•	도구 막대 창: 확인 상자를 선택하면 해당 도구 막대를 보여줍니다.

•	새로 버튼: 새로운 도구 막대를 만듭니다.

•	편집 버튼: 도구 막대를 편집합니다.

•	원래대로 버튼: 사용자가 도구 막대를 수정했을 경우, 초기 상태로 되돌립니다.

•	툴팁 보이기: 마우스 포인터를 가져가면 보이는 풍선 도움말을 보이거나 숨깁니다.

•	쿨 룩: 도구 막대의 모양을 보기 좋게 만듭니다.